js常見遍歷操作小結(jié)
更新時間：2019年06月06日 09:00:19 作者：embaobao
這篇文章主要介紹了js常見遍歷操作,結(jié)合實例形式分析了javascript for循環(huán)、for in、for each、each及map遍歷簡單操作技巧,需要的朋友可以參考下
本文實例講述了js常見遍歷操作。分享給大家供大家參考，具體如下：
for循環(huán)
var a = new Array("first", "second", "third")
for(var i = 0;i < a.length; i++) {
document.write(a[i]+",");
}
for in
var arr = new Array("first", "second", "third")
for(var item in arr) {
document.write(arr[item]+",");
}
for each
<button onclick="numbers.forEach(myFunction)">點我</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");
var numbers = [4, 9, 16, 25];
function myFunction(item, index) {
demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>";
}
</script>
var arr = [1,2,3,4];
arr.forEach(function(value,index,array){
array[index] == value; //結(jié)果為true
sum+=value;
});
console.log(sum); //結(jié)果為 10
each
$.each([],function(index,value,array){
//code something
})
map
[].map(function(value,index,array){
//code
})
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
PS：這里再為大家推薦一款JS數(shù)組遍歷方式分析對比工具供大家參考：
在線JS常見遍歷方式性能分析比較工具：http://tools.jb51.net/aideddesign/js_bianli
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
web-view是一個可以用來承載網(wǎng)頁的容器,會自動鋪滿整個小程序頁面,這篇文章主要給大家介紹了關(guān)于微信小程序在web-view頁面增加一個按鈕的具體代碼,需要的朋友可以參考下2023-10-10
js實現(xiàn)html table 行,列鎖定的簡單實例
下面小編就為大家?guī)硪黄猨s實現(xiàn)html table 行,列鎖定的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
JS讀取xml文件具體步驟為：創(chuàng)建DOM對象、加載xml文件(僅適用于IE)附示例代碼，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)
這篇文章主要介紹了javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了微信小程序自定義支持圖片的彈窗，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
本文主要介紹了node.js的事件機制，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
寫代碼的時候總有一些東西是會重復(fù)出現(xiàn)的,次數(shù)多了你就會想找找捷徑了,下面這篇文章主要給大家介紹了關(guān)于5個JavaScript的寫法小技巧,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-02-02
這篇文章主要為大家介紹了如何根據(jù)url批量下載二維碼實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
javascript實現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器
這篇文章主要介紹了javascript實現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器,這個IOS APP一般是Web APP,否則沒法使用本文的代碼,需要的朋友可以參考下2014-06-06
下面小編就為大家?guī)硪黄７聀assword輸入框的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06