本文實例講述了javascript數組遍歷的方法。分享給大家供大家參考,具體如下:
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title></title></head><body><script>var a = [1,2,3,4,5,6];var b = a.some(function(ele,index,arr){ console.log(ele);//輸出1,2,3遍歷到3停止遍歷 return ele > 2;});console.log(b);console.log("--------------------");var c = a.every(function(ele,index,arr){ console.log(ele);//輸出1,2,3,4,5遍歷到5返回false,停止遍歷 return ele < 5;});console.log(c);console.log("--------------------");var d = a.filter(function(ele,index,arr){ console.log(ele);//遍歷整個數組,將值大于3的項添加到d數組中 return ele > 3;});console.log(d);console.log("--------------------");var e = a.map(function(ele,index,arr){ console.log(ele);//遍歷整個數組,對數組的每個元素執行一次操作,將新的元素添加到e數組中 return ele+3;});console.log(e);console.log("--------------------");a.forEach(function(ele,index,arr){ arr[index] = ele+6;//遍歷數組,對數組中的每項執行一次操作,無返回值});console.log(a);</script></body></html>
some:只要數組中有滿足條件的選項,就返回true,不再遍歷剩余元素,如果所有項都沒有滿足條件,則返回false
every:只要數組中有不滿足條件的選項,就返回false,不再遍歷剩余元素,如果所有項都滿足條件,則返回true
filter:篩選數組,該函數返回新的數組,將原數組中滿足條件的元素push到新數組中
map:對數組中的每個元素都執行一次callback函數,并返回新的元素到新數組中
forEach:對數組中的每個元素執行一次callback函數,該函數沒有返回值
效果圖如下:
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答