首頁 > 文章 > web前端 > 關於js 迭代器方法

關於js 迭代器方法

小云云原創: 2017-12-06 15:03:102052瀏覽

迭代器(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。

<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()方法接受一個函數，傳回一個值。這個方法會從一個累加值開始，不斷對累加值和陣列中的後續元素呼叫函數，直到陣列中的最後一個元素，最後傳回得到的累加值。也可以把字串陣列元素連接成一個長字串

function add(total,num){return total+-*/num};
var arr =[1,2,3,4];
var sum = arr.reduce(add);

js也提供了reduceRight()方法，不同的是他和reduce()方法順序剛好相反，從右往左。
第二種方法產生新陣列的迭代器方法

有兩個迭代器方法可以產生新陣列：map()和filter()。 map()和forEach()有點像，對數組中的每個元素使用某個函數，兩者區別在於map()傳回一個新數組，該數組是對原有元素應用某個函數得到的結果。

   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的元素。

    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()也可以用來過濾字串陣列。例如：

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 迭代器方法

相關文章