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

来自:互联网
时间:2021-08-27
阅读:

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

下面我们来介绍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;
	}
}

输出结果:

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

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

输出结果:

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

方法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);

输出结果:

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

实例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数组学习之返回满足给定条件的全部元素

返回顶部
顶部