JS的數(shù)組迭代方法
更新時(shí)間:2015年02月05日 15:26:53 作者:magicfly9527
這篇文章主要介紹了JS的數(shù)組迭代方法,實(shí)例分析了javascript使用數(shù)組迭代的相關(guān)技巧,代碼中備有較為詳細(xì)的注釋便于理解,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JS的數(shù)組迭代方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
<!doctype html> <html> <head lang="zh"> <meta charset="utf-8"> <title>js數(shù)組迭代</title> <meta name="renderer" content="webkit"> <script> var arr1 = [1,2,3,4,5,6]; function double(x){ return 2*x; } // map可以產(chǎn)生一個(gè)新的數(shù)組 // alert(arr1.map(double)); function print(x){ console.log(x*2) } arr1.forEach(print); function even(x){ return x %2 ==0 } var arr2 = [2,4,,5,6]; // alert(arr2.every(even))//false; // alert(arr2.some(even))//true; function add(a,b){ return a*b; } var arr3=[1,2,4,5]; var factorial = arr3.reduce(add); //alert(factorial) //40 var arr4=[1,24,5,6,7,8,234,4]; alert(arr4.filter(even)) </script> <pre> map,filter可以產(chǎn)生一個(gè)新的數(shù)組 var arr1 = [1,2,3,4,5,6]; function double(x){ return 2*x; } //alert(arr1.map(double)); //forEach是對數(shù)組每項(xiàng)都調(diào)用某個(gè)函數(shù),不返回 function print(x){ console.log(x*2) } arr1.forEach(print); //some,every 參數(shù)是一個(gè)有返回布爾值的函數(shù) function even(x){ return x %2 ==0 } var arr2 = [2,4,,5,6]; // alert(arr2.every(even))//false; // alert(arr2.some(even))//true; //reduce接受一個(gè)函數(shù),返回一個(gè)值 ,不斷累加到最后一項(xiàng) //同理,reduceRight是由后面累加到第一項(xiàng),具體可從CONCAT 看出 function add(a,b){ return a*b; } var arr3=[1,2,4,5]; var factorial = arr3.reduce(add); //alert(factorial) //40 //filter與every類似,參入一個(gè)返回布爾值 的函數(shù),返回一個(gè)新的數(shù)組 </pre> </body> </html>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
原生JS使用Canvas實(shí)現(xiàn)拖拽式繪圖功能
這篇文章主要介紹了原生js實(shí)現(xiàn)Canvas實(shí)現(xiàn)拖拽式繪圖,支持畫筆、線條、箭頭、三角形和圓形等等圖形繪制功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-06-06JS數(shù)據(jù)雙向綁定原理與用法實(shí)例分析
這篇文章主要介紹了JS數(shù)據(jù)雙向綁定原理與用法,結(jié)合實(shí)例形式分析了JavaScript數(shù)據(jù)雙向綁定相關(guān)原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-11-11跟我學(xué)習(xí)javascript的垃圾回收機(jī)制與內(nèi)存管理
跟我學(xué)習(xí)javascript的垃圾回收機(jī)制與內(nèi)存管理,感興趣的小伙伴們可以參考一下2015-11-11BootStrap3學(xué)習(xí)筆記(一)之網(wǎng)格系統(tǒng)
本文給大家介紹BootStrap3網(wǎng)格系統(tǒng)的相關(guān)知識,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-05-05js判斷樣式className同時(shí)增加class或刪除class
用正則表達(dá)式判斷多個(gè)class之間是否存在真正的class(前后空格的處理)然后增加class刪除class,本文給予實(shí)現(xiàn)方法,感興趣的朋友可以了解下,或許對你有所幫助2013-01-01