迭代器(iterator)是一種對象,它能夠用來遍歷標準模板庫容器中的部分或全部元素,每個迭代器物件代表容器中的確定的位址。 js 陣列的迭代器方法,分為兩種:一種不產生新數組,一種產生新數組。
第一種方法:不產生任何新數組,相反,他們要麼對於數組中的每個元素進行某種操作,要麼返回一個值。
1. forEach()方法,該方法接收一個函數作為參數,對數組中的每個元素使用該函數。
<script> function arr(num){console.log(num+1)}; var array = [1,2,3,4,5,6]; array.forEach(arr); </script>
2.every()和some(),這兩個方法都是接受一個傳回值為布林類型的函數,並對數組中的每一個元素使用該函數。 every()方法是對於所有元素,函數都會傳回true,該方法就傳回true。而some()方法時只要有一個元素使用該函數傳回true,該方法就會回傳true。
<br/>
<script> var arr = [1,3,4,5,6,7,8]; function even(num){return num%2 ==0}; var sum = arr.every(even); var nums = arr.some(even); console.log(sum)//false; console.log(nums)//true;
</script>
3.reduce()方法接受一個函數,傳回一個值。這個方法會從一個累加值開始,不斷對累加值和陣列中的後續元素呼叫函數,直到陣列中的最後一個元素,最後傳回得到的累加值。也可以把字串陣列元素連接成一個長字串
<br/>
function add(total,num){return total+-*/num}; var arr =[1,2,3,4]; var sum = arr.reduce(add);
js也提供了reduceRight()方法,不同的是他和reduce()方法順序剛好相反,從右往左。 <br/>第二種方法 產生新陣列的迭代器方法
有兩個迭代器方法可以產生新陣列:map()和filter()。 map()和forEach()有點像,對數組中的每個元素使用某個函數,兩者區別在於map()傳回一個新數組,該數組是對原有元素應用某個函數得到的結果。
<br/>
function add(num) { return num+=5; } var words =[1,2,3,4,5]; var sum =words.map(add); console.log(sum);//[6,7,8,9,10]
filter() 和every()類似,傳入一個傳回值為布林類型的函數,和every()不同的是,當對數組中的所有元素套用此函數,結果皆為true時,此方法並未傳回true,而是傳回一個新數組,該數組包含套用該函數後結果為true的元素。
<br/>
function add(num) { return num%2 == 0; } var words =[1,2,3,4,5]; var sum =words.filter(add); console.log(sum);//[2,4];
<br/>
filter()也可以用來過濾字串陣列。例如:
<br/>
function add(str){if(str).indexOf("cie")>-1){return true;}return false;} var words =["recieve","deceit","deceive"] var miss = words.filter(add); console.log(miss)//["recieve"]
以上內容就是關於js 迭代器方法,希望能幫助大家。
相關推薦:
#以上是關於js 迭代器方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!