本文為大家介紹了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數組迭代方法有所幫助。