JS怎么返回滿足給定條件的全部元素

本篇內容介紹了“JS怎么返回滿足給定條件的全部元素”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

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

下面我們來介紹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;
	}
}

輸出結果：

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

輸出結果：

實例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怎么返回滿足給定條件的全部元素”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！