js数组返回指定元素,返回符合条件的数组
在之前的文章《JS数组学习之判断数组元素是不是都满足给定条件》中,我们介绍了几种检查所有数组元素是否满足指定条件的方法。这次继续讲数组的遍历,介绍JavaScript返回数组中满足指定条件的元素的方法。有需要的朋友可以了解一下~
今天这篇文章的主要内容是:遍历数组,检查数组中的元素是否满足指定的条件,返回满足条件的数组元素。简单来说:就是按照指定的条件过滤数组元素。
我们先介绍两个方法,从大家熟悉的for循环开始,然后介绍一个内置函数——看看这个函数是如何过滤数组元素的。
方法1:利用for循环
实现思路:用for语句遍历数组,判断数组的元素是否满足每个循环中的条件,如果满足则输出,否则跳出这个循环。
让我们仔细看看下面的例子:
实例1:返回全部偶数
var a=[2,3,4,5,6,7,8];
for(var I=0;ia .长度;i ){
if (a[i] % 2==0) {
console . log(a[I]);
}否则{
继续;
}
}输出结果:
实例2:返回全部闰年
var a=[1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
for(var I=0;ia .长度;i ){
if(a[i]%4==0 a[i]0!=0){
console . log(a[I]);
}
否则{
继续;
}
}输出结果:
方法2:利用filter()方法
filter()方法可以返回数组中满足指定条件的元素。
Array.filter(函数回调fn (value,index,Array),this value)函数回调fn (value,index,array):回调函数,不能省略,最多可以接受三个参数:
Value:当前数组元素的值;不能省略。
Index:当前数组元素的数字索引。
Array:当前元素所属的数组对象。
返回值是一个新数组,包含回调函数返回true的所有值。如果回调函数为数组的所有元素返回false,则新数组的长度为0。
让我们仔细看看下面的例子:
实例1:返回全部偶数
var a=[2,3,4,5,6,7,8];
函数f(值){
if(值% 2==0) {
返回true
}否则{
返回false
}
}
var b=a . filter(f);
console . log(b);输出结果:
实例2:返回全部闰年
var a=[1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
函数f(值){
if(值%4==0 value0!=0){
返回true
}
否则{
返回false
}
}
var b=a . filter(f);
console . log(b);输出结果:
好了,就这样。有需要的可以看:javascript视频教程。以上是JS数组学习返回的满足给定条件的所有元素的详细内容。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。