在之前的文章《JS數(shù)組學習之判斷數(shù)組元素是不是都滿足給定條件》中，我們介紹了幾種檢測數(shù)組元素是否全部符合指定條件的方法。這次我們繼續(xù)聊聊數(shù)組的遍歷，介紹一下JavaScript返回數(shù)組中滿足指定條件元素的方法，有需要的朋友可以學習了解一下~

今天本文的主要內(nèi)容是：遍歷數(shù)組，檢測數(shù)組中元素是否滿足指定條件，返回滿足條件的數(shù)組元素。簡單來說：就是根據(jù)指定條件過濾數(shù)組元素。

下面我們來介紹2種方法，先從熟悉的for循環(huán)開始，然后介紹1種內(nèi)置函數(shù)–看看該函數(shù)能怎么過濾數(shù)組元素。

方法1：利用for循環(huán)

實現(xiàn)思想：利用for語句來遍歷數(shù)組，在每次循環(huán)中判斷數(shù)組元素是否符合條件，如果符合則輸出，不符合則跳出本次循環(huán)。

下面通過實例來具體了解一下：

實例1：返回全部偶數(shù)

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

輸出結(jié)果：

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

輸出結(jié)果：

方法2：利用filter()方法

filter() 方法可以返回數(shù)組中滿足指定條件的元素。

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

function callbackfn(Value,index,array)：一個回調(diào)函數(shù)，不可省略，最多可接受三個參數(shù)：

• value：當前數(shù)組元素的值，不可省略。

• index：當前數(shù)組元素的數(shù)字索引。

• array：當前元素屬于的數(shù)組對象。

返回值是一個包含回調(diào)函數(shù)為其返回 true 的所有值得新數(shù)組。如果回調(diào)函數(shù)為 array 的所有元素返回 false，則新數(shù)組的長度為 0。

下面通過實例來具體了解一下：

實例1：返回全部偶數(shù)

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

輸出結(jié)果：

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

輸出結(jié)果：

好了，就說到這里了，有需要的可以看：javascript視頻教程