本文實例講述了js中forEach,for in,for of循環(huán)的用法。分享給大家供大家參考,具體如下:
我們提供的服務(wù)有:網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、廣饒ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的廣饒網(wǎng)站制作公司
一、一般的遍歷數(shù)組的方法:
var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i++) { console.log(i,array[i]); }
二、用for in的方遍歷數(shù)組,得到的是索引
var array = [1,2,3,4,5,6,7]; for(let index in array) { console.log(index,array[index]); };
三、forEach,得到的是元素
var array = [1,2,3,4,5,6,7]; array.forEach(e=>{ console.log(e); }); array.forEach(function(e){ console.log(e); });
四、用for in不僅可以對數(shù)組,也可以對enumerable對象操作!得到的是索引
var table = { a : 10, b : true, c : "jadeshu" }; for(let index in table) { console.log(index, table[index]); }
五、在ES6中,增加了一個for of循環(huán),得到的是元素
var array = [1,2,3,4,5,6,7]; for(let ele of array) { console.log(ele); }; var str = "helloabc"; for(let ele of str) { console.log(ele); }
for of不能對象用
感興趣的朋友可以使用在線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è)計有所幫助。
網(wǎng)站標(biāo)題:js中forEach,forin,forof循環(huán)的用法示例小結(jié)
網(wǎng)頁地址:http://www.muchs.cn/article0/gehgoo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、App設(shè)計、網(wǎng)站制作、外貿(mào)建站、網(wǎng)站設(shè)計公司、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)