• 技术文章 >web前端 >js教程

    JS数组学习之返回满足给定条件的全部元素

    青灯夜游青灯夜游2021-08-27 15:28:46原创207
    在之前的文章《JS数组学习之判断数组元素是不是都满足给定条件》中,我们介绍了几种检测数组元素是否全部符合指定条件的方法。这次我们继续聊聊数组的遍历,介绍一下JavaScript返回数组中满足指定条件元素的方法,有需要的朋友可以学习了解一下~

    今天本文的主要内容是:遍历数组,检测数组中元素是否满足指定条件,返回满足条件的数组元素。简单来说:就是根据指定条件过滤数组元素。

    下面我们来介绍2种方法,先从熟悉的for循环开始,然后介绍1种内置函数--看看该函数能怎么过滤数组元素。

    方法1:利用for循环

    实现思想:利用for语句来遍历数组,在每次循环中判断数组元素是否符合条件,如果符合则输出,不符合则跳出本次循环。

    下面通过实例来具体了解一下:

    实例1:返回全部偶数

    var a = [2,3,4,5,6,7,8];
    for(var i=0;i<a.length;i++){
    	if (a[i] % 2 == 0) {
    		console.log(a[i]);
    	}else{
    		continue;
    	}
    }

    输出结果:

    1.png

    实例2:返回全部闰年

    var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
    for(var i=0;i<a.length;i++){
    	if(a[i]%4==0 && a[i]%100!=0){
    			  console.log(a[i]);
    	}
    	else {
    		continue;
    	}
    }

    输出结果:

    2.png

    方法2:利用filter()方法

    filter() 方法可以返回数组中满足指定条件的元素。

    array.filter(function callbackfn(Value,index,array),thisValue)

    function callbackfn(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);

    输出结果:

    3.png

    实例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);

    输出结果:

    4.png

    好了,就说到这里了,有需要的可以看:javascript视频教程

    以上就是JS数组学习之返回满足给定条件的全部元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:JS中怎么按照一定规则对数组元素进行排序 下一篇:深入了解Node.js中的4种 stream
    线上培训班

    相关文章推荐

    • JS数组学习之如何在头部或尾部插入元素?• JS数组学习之如何根据数组下标删除任意元素• JS数组学习之怎么拼接全部元素,返回一个字符串• JS数组学习之迭代数组计算元素总和、将值连接成字符串• JS数组学习之遍历数组,将元素值全部扩大一倍

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网