1. 程式人生 > 程式設計 >JavaScript遍歷陣列的方法程式碼例項

JavaScript遍歷陣列的方法程式碼例項

這篇文章主要介紹了JavaScript遍歷陣列的方法程式碼例項,文中通過示例程式碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

for迴圈

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

for...of

遍歷出陣列中的每個值

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

for..in

遍歷出陣列中每個值的下標

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

ES6新增for...of的用法

遍歷出陣列中每個值的鍵(下標)  arr.keys()

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

遍歷出陣列中的每個值  arr.values()

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

遍歷出陣列中的每個值,以及每個值對應的下標  arr.entries()

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。