js中forEach，for in，for of循環(huán)的用法示例小結(jié)
本文實(shí)例講述了js中forEach，for in，for of循環(huán)的用法。分享給大家供大家參考，具體如下：
一、一般的遍歷數(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不僅可以對(duì)數(shù)組,也可以對(duì)enumerable對(duì)象操作!得到的是索引
var table = {
a : 10,
b : true,
c : "jadeshu"
};
for(let index in table) {
console.log(index, table[index]);
}
五、在ES6中,增加了一個(gè)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不能對(duì)象用
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
PS：這里再為大家推薦一款JS數(shù)組遍歷方式分析對(duì)比工具供大家參考：
在線JS常見(jiàn)遍歷方式性能分析比較工具：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é)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 全面解析JavaScript里的循環(huán)方法之forEach，for-in，for-of
- 詳解Js里的for…in和for…of的用法
- js遍歷詳解(forEach, map, for, for...in, for...of)
- js中for-in和for-of的區(qū)別詳解
- JavaScript 中for/of,for/in 的詳細(xì)介紹
- JS中for...in?和?for...of?的區(qū)別解析
- JavaScript中for-in和for-of的不同之處及如何正確使用
- JS中for,for...in,for...of和forEach的區(qū)別和用法實(shí)例
- JavaScript中for of和for in的區(qū)別詳解
- JavaScript中for in和for of的區(qū)別示例詳解
相關(guān)文章
JavaScript靜態(tài)的動(dòng)態(tài)
JavaScript靜態(tài)的動(dòng)態(tài)...2006-09-09
JQuery 前臺(tái)切換網(wǎng)站的樣式實(shí)現(xiàn)
本文說(shuō)的是在WordPress中怎樣利用JQuery在網(wǎng)站的前臺(tái)切換樣式的方法?；蛘哌@篇文章的方法大家可能不是太需要，因?yàn)槲矣X(jué)得這是解決我被主題樣式折騰到差不多分裂的原因及結(jié)果的最后手段。2009-06-06
這里給大家匯總了一些js實(shí)現(xiàn)刷新iframe框架的方法，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-04-04
js實(shí)現(xiàn)div層緩慢收縮與展開(kāi)的方法
這篇文章主要介紹了js實(shí)現(xiàn)div層緩慢收縮與展開(kāi)的方法,通過(guò)javascript自定義函數(shù)實(shí)現(xiàn)div層的收縮與展開(kāi)效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
由于各瀏覽器的js實(shí)現(xiàn)不同，因此各瀏覽器的原生對(duì)象（這里不涉及DOM實(shí)現(xiàn)，當(dāng)然這也有區(qū)別）的原生方法也不盡相同，采用原生方法的好處顯而易見(jiàn)，使用兼有效率，而且其中有些方法可能包含在以后的ECMAscript規(guī)范中2011-11-11
用 js操作html標(biāo)簽的一些代碼，大家可以運(yùn)行后查看效果2008-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序頂部導(dǎo)航欄滑動(dòng)tab效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
JavaScript中數(shù)字計(jì)算時(shí)丟失精度問(wèn)題解決方法
在前端開(kāi)發(fā)中,精度丟失是一個(gè)常見(jiàn)的問(wèn)題,特別是在涉及到浮點(diǎn)數(shù)計(jì)算時(shí),下面這篇文章主要給大家介紹了關(guān)于JavaScript中數(shù)字計(jì)算時(shí)丟失精度問(wèn)題的解決方法,需要的朋友可以參考下2024-09-09
篇文章主要為大家詳細(xì)介紹了JavaScript?異步ajax，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下嗎，希望能夠給你帶來(lái)幫助2022-03-03
原生js+cookie實(shí)現(xiàn)購(gòu)物車功能的方法分析
這篇文章主要介紹了原生js+cookie實(shí)現(xiàn)購(gòu)物車功能的方法,結(jié)合實(shí)例形式分析了javascript結(jié)合cookie存儲(chǔ)實(shí)現(xiàn)購(gòu)物車功能的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12