JavaScript中數組的5種迭代方法

標籤：eve   foreach   介紹   als   his   dex   for   each   class   

瀏覽器安全色情況：IE9+

 

ES5為數組定義了5個迭代方法。每種方法都接收兩個參數。要在每一項上啟動並執行函數和（可選的）運行該函數的範圍對象--影響this的值。//其中（可選的）這個參數暫時未遇到過。

其中，函數都接收三個參數（數組中的每一項、每一項的索引值、數組對象本身）。

下面是5中方法的介紹：

every() :　對數組中的每一項執行函數，如果每一項都返回 true ,則該方法返回 true。

some():     對數組中的每一項執行函數，只要有一項返回了 true ,則該方法返回 true。

filter():       對數組中的每一項執行函數，把裡面返回 true 的項，組成一個數組返回。

forEach()  對數組中的每一項執行函數，沒有傳回值。類似於for迴圈。

map()       對數組中的每一項執行函數，返回（處理後的）每一項。

以上5種方法，都不會改變數組本身。

forEach和map的比較：

    var arr = [1,2,3,4,5];    //every() filter() some() forEach() map()    var res = arr.every(function(i,index,o){        return i>2;    });    console.log(arr); //[1,2,3,4,5]    console.log(res); //false    var some = arr.some(function (i, k, l) {        return i>2;    });    console.log(arr);//[1,2,3,4,5]    console.log(some);//true    var filter = arr.filter(function (i, k, l) {        return i>2;    });    console.log(arr);//[1,2,3,4,5]    console.log(filter);//[3,4,5]    var forEach = arr.forEach(function (i, k, l) {        return i>2;    });    console.log(arr);//[1,2,3,4,5]    console.log(forEach);//undefined    var map = arr.map(function (i, k, l) {        return i>2;    });    console.log(arr);//[1,2,3,4,5]    console.log(map);//[false,false,true,true,true]

 

JavaScript中數組的5種迭代方法