javaScript數組迭代方法詳解
來源:易賢網 閱讀:706 次 日期:2016-07-08 11:30:51
溫馨提示:易賢網小編為您整理了“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數組迭代方法有所幫助。

更多信息請查看網絡編程
易賢網手機網站地址:javaScript數組迭代方法詳解
由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢為準!

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
未满十八18勿进黄网站免费看