javaScript數組迭代方法詳解_javascript技巧

本文為大家介紹了javaScript數組迭代方法，供大家參考，具體內容如下

每個方法都接收兩個參數：要在每一項上啟動並執行函數  和  （可選的）運行該函數的範圍對象。

傳入這些方法中的函數會接收三個參數：數組項的值，該項在數組中的位置，數組對象本身。

forEach()  對數組中的每一項運行 給定函數。該方法沒有傳回值。
every()  對數組中的每一項運行 給定函數，如果數組的每一項都返回true，則返回true。
some()  對數組中的每一項運行 給定函數，如果數組的任意一項返回true，則返回true。
fliter()  如果數組的每一項都返回true，則返回true。返回該函數會返回true的項組成的數組。
map()  如果數組的每一項都返回true，則返回true。返回每次函數調用的結果組成的數組。

請看以下例子：

var numbers = [1,2,3,4,5,4,3,2,1];//every()var everyResult = numbers.every(function(item, index, array){ return (item > 2);});alert(everyResult); //false//some()var someResult = numbers.some(function(item, index, array){ return (item > 2);});alert(someResult); //true//filter()var filterResult = numbers.filter(function(item, index, array){ return (item > 2);});alert(filterResult); //[3,4,5,4,3]//map()var mapResult = numbers.map(function(item, index, array){ return (item * 2);});alert(mapResult); //[2,4,6,8,10,8,6,4,2]//forEach()numbers.forEach(function(item, index, array){ alert(item);}); //多個彈窗分別顯示數組中的元素

另一個javaScript數組迭代方法，如下

var arr = [3,4,5,6,7,"a"];var isNum = function(elem,index,AAA){return !isNaN(elem);}var toUpperCase = function(elem){return String.prototype.toUpperCase.apply(elem);}var print = function(elem,index){console.log(index+"."+elem);}/*對數組中的每一項執行測試函數，直到獲得對指定的函數返回 false 的項。 使用此方法 可確定數組中的所有項是否滿足某一條件,類似於&&的含義*/var res = arr.every(isNum);console.log(res);//false;/*對數組中的每一項執行測試函數，直到獲得返回 true 的項。 使用此方法確定數組中的所有項是否滿足條件.類似於||的含義*/res = arr.some(isNum);console.log(res);//true/*對數組中的每一項執行測試函數，並構造一個新數組，返回 true的項被添加進新數組。 如果某項返回 false，則新數組中將不包含此項*/res = arr.filter(isNum);console.log(res);//[3, 4, 5, 6, 7]/*對數組中的每一項執行函數並構造一個新數組，並將原始數組中的每一項的函數結添加進新數組。*/res = arr.map(toUpperCase);console.log(res);//["3", "4", "5", "6", "7", "A"]/*對數組中的每一項執行函數,不傳回值*/res = arr.forEach(print);console.log(res);  //自己擴充/*Array.prototype.every = function(fun,obj) {var len = this.length;if (typeof fun != "function")throw new TypeError();for (var i = 0; i < len; i++) {if (!fun.call(obj,this[i], i,this))return false;}return true;};*/

以上就是本文的全部內容，希望對大家學習javaScript數組迭代方法有所協助。