js数组返回指定元素,返回符合条件的数组

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • slice 数组,js中的slice()方法,JS数组方法slice()用法实例分析
  • js数组转字符串,字符串转数组方法,JS 数组转字符串
  • js数组转字符串,字符串转数组方法,JS 数组转字符串,JS数组转字符串实现方法解析
  • js数组筛选的方法,js 多条件筛选
  • js数组筛选的方法,js 多条件筛选,JS实现数组过滤从简单到多条件筛选
  • js数组的常用10种方法详解图,js数组的常用10种方法详解图片
  • js数组的常用10种方法详解图,js数组的常用10种方法详解图片,JS数组的常用10种方法详解
  • js数组去重的几种方式,js数组去重最简单的方法
  • js数组去重的几种方式,js数组去重最简单的方法,js数组去重的11种方法
  • js数组去重最简单的方法,数组去重方法js
  • js数组去重最简单的方法,数组去重方法js,七种JS实现数组去重的方式
  • js数组中去除重复值的几种方法是什么,js数组中去除重复值的几种方法有哪些
  • js数组中去除重复值的几种方法是什么,js数组中去除重复值的几种方法有哪些,js数组中去除重复值的几种方法
  • js初始化一个数组,js数组初始化的三种方式
  • js初始化一个数组,js数组初始化的三种方式,js二维数组定义和初始化的三种方法总结
  • 留言与评论(共有 条评论)
       
    验证码: