JavaScript遍歷數(shù)組的方法代碼實(shí)例

更新時(shí)間：2020年01月14日 10:47:50 作者：小雪同學(xué)

這篇文章主要介紹了JavaScript遍歷數(shù)組的方法代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

for循環(huán)

 let arr=["A","B","C","D","E","F"];
 for(let i=0;i<arr.length;i++){
  console.log(arr[i]);
 }

for...of

遍歷出數(shù)組中的每個(gè)值

 let arr=["A","B","C","D","E","F"];
 for(let item of arr){
   console.log(item); 
 }
//A B C D E F

for..in

遍歷出數(shù)組中每個(gè)值的下標(biāo)

 let arr=["A","B","D","E","F"];
 for(let item in arr){
   console.log(item); 
 }
//0 1 2 3 4 5

ES6新增for...of的用法

遍歷出數(shù)組中每個(gè)值的鍵（下標(biāo)）　　arr.keys()

 let arr=["A","B","C","D","E","F"];
 for(let item of arr.keys()){
   console.log(item); 
 }
 //0 1 2 3 4 5

遍歷出數(shù)組中的每個(gè)值　　arr.values()

 let arr=["A","B","C","D","E","F"];
 for(let item of arr.values()){
   console.log(item); 
 }
 //A B C D E F

遍歷出數(shù)組中的每個(gè)值，以及每個(gè)值對(duì)應(yīng)的下標(biāo)　　arr.entries()

let arr=["A","B","C","D","E","F"];
for(let item of arr.entries()){
  console.log(item); 
}
/**
[ 0, 'A' ]
[ 1, 'B' ]
[ 2, 'C' ]
[ 3, 'D' ]
[ 4, 'E' ]
[ 5, 'F' ]
**/

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript 拾漏補(bǔ)遺
javascritp實(shí)際上由三部分組成： ECMAScript，DOM, BOM 前兩者由工業(yè)標(biāo)準(zhǔn)，BOM尚比較混亂。
2009-12-12
JS技巧動(dòng)手實(shí)現(xiàn)紅包兔子雨效果示例詳解
這篇文章主要為大家介紹了JS技巧動(dòng)手實(shí)現(xiàn)紅包兔子雨效果示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
js 瀏覽器事件介紹
瀏覽器事件指載入文檔直到該文檔被關(guān)閉期間的瀏覽器事件，如瀏覽器載入文檔事件onload、關(guān)閉該文檔事件onunload、瀏覽器失去焦點(diǎn)事件onblur、獲得焦點(diǎn)事件onfocus 等
2012-03-03
JavaScrip報(bào)錯(cuò):module?is?not?defined的原因及解決
這篇文章主要給大家介紹了關(guān)于JavaScrip報(bào)錯(cuò):module?is?not?defined的原因及解決方法,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-09-09
js實(shí)現(xiàn)簡(jiǎn)單的聯(lián)動(dòng)菜單效果
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單的聯(lián)動(dòng)菜單效果,涉及javascript針對(duì)頁(yè)面元素的遍歷、讀取及設(shè)置技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
js實(shí)現(xiàn)滑動(dòng)滑塊驗(yàn)證登錄
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滑動(dòng)滑塊驗(yàn)證登錄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07
為body標(biāo)簽和document.body都添加點(diǎn)擊事件后僅Firefox彈出了兩次
為body標(biāo)簽和document.body都添加點(diǎn)擊事件后僅Firefox彈出了兩次，需要的朋友可以參考下。
2011-04-04
js實(shí)現(xiàn)的萬(wàn)能flv網(wǎng)頁(yè)播放器代碼
這篇文章主要介紹了js實(shí)現(xiàn)的萬(wàn)能flv網(wǎng)頁(yè)播放器代碼,以簡(jiǎn)單示例形式分析了JavaScript使用swfobject.js實(shí)現(xiàn)在線(xiàn)播放flv視頻的相關(guān)技巧,需要的朋友可以參考下
2016-04-04
JavaScript 點(diǎn)擊觸發(fā)復(fù)制功能實(shí)例詳解
這篇文章主要介紹了JavaScript 點(diǎn)擊觸發(fā)復(fù)制功能實(shí)例詳解,需要的朋友可以參考下
2018-11-11
妙用Bootstrap的 popover插件實(shí)現(xiàn)校驗(yàn)表單提示功能
最近使用bootstrap開(kāi)發(fā)項(xiàng)目比較多，在表單校驗(yàn)功能中用popover插件實(shí)現(xiàn)出錯(cuò)提示功能很方面，下面小編給大家?guī)?lái)了一篇關(guān)于Bootstrap的 popover插件實(shí)現(xiàn)校驗(yàn)表單提示功能的實(shí)現(xiàn)代碼，非常不錯(cuò)，感興趣的朋友一起看看吧
2016-08-08