重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容介绍了“JS怎么返回满足给定条件的全部元素”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
创新互联拥有网站维护技术和项目管理团队,建立的售前、实施和售后服务体系,为客户提供定制化的成都网站设计、网站建设、外贸网站建设、网站维护、服务器托管解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、成都商城网站开发、政府网站等各类型客户群体,为全球上1000家企业提供全方位网站维护、服务器维护解决方案。
今天本文的主要内容是:遍历数组,检测数组中元素是否满足指定条件,返回满足条件的数组元素。简单来说:就是根据指定条件过滤数组元素。
下面我们来介绍2种方法,先从熟悉的for循环开始,然后介绍1种内置函数--看看该函数能怎么过滤数组元素。
方法1:利用for循环
实现思想:利用for语句来遍历数组,在每次循环中判断数组元素是否符合条件,如果符合则输出,不符合则跳出本次循环。
下面通过实例来具体了解一下:
实例1:返回全部偶数
var a = [2,3,4,5,6,7,8]; for(var i=0;i输出结果:
实例2:返回全部闰年
var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020]; for(var i=0;i输出结果:
方法2:利用filter()方法
filter() 方法可以返回数组中满足指定条件的元素。
array.filter(function callbackfn(Value,index,array),thisValue)
function callbackfn(Value,index,array)
:一个回调函数,不可省略,最多可接受三个参数:
value:当前数组元素的值,不可省略。
index:当前数组元素的数字索引。
array:当前元素属于的数组对象。
返回值是一个包含回调函数为其返回 true 的所有值得新数组。如果回调函数为 array 的所有元素返回 false,则新数组的长度为 0。
下面通过实例来具体了解一下:
实例1:返回全部偶数
var a = [2,3,4,5,6,7,8]; function f (value) { if (value % 2 == 0) { return true; }else{ return false; } } var b = a.filter(f); console.log(b);输出结果:
实例2:返回全部闰年
var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020]; function f (value) { if(value%4==0 && value%100!=0){ return true; } else { return false; } } var b = a.filter(f); console.log(b);输出结果:
“JS怎么返回满足给定条件的全部元素”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
分享名称:JS怎么返回满足给定条件的全部元素
当前路径:http://cqcxhl.cn/article/jiogdd.html