快捷導(dǎo)航

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

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

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

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ù)組中的每個值

 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ù)組中每個值的下標(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ù)組中每個值的鍵（下標(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ù)組中的每個值　　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ù)組中的每個值，以及每個值對應(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' ]
**/

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

您可能感興趣的文章:

相關(guān)文章

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