在之前的文章《js数组学习之判断数组元素是不是都满足给定条件》中，我们介绍了几种检测数组元素是否全部符合指定条件的方法。这次我们继续聊聊数组的遍历，介绍一下javascript返回数组中满足指定条件元素的方法，有需要的朋友可以学习了解一下~
今天本文的主要内容是：遍历数组，检测数组中元素是否满足指定条件，返回满足条件的数组元素。简单来说：就是根据指定条件过滤数组元素。
下面我们来介绍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);登录后复制
输出结果：
好了，就说到这里了，有需要的可以看：javascript视频教程
以上就是JS数组学习之返回满足给定条件的全部元素的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2708503.html
