在先前的文章《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; } }
輸出結果:
實例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);
輸出結果:
好了,就說到這裡了,有需要的可以看:javascript影片教學
以上是JS數組學習之傳回滿足給定條件的全部元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!