JavaScript遍历数组的方法

方法一 ：for循环

let arr = ['zhang','xu','liu'];
//for循环
for( i = 0; i < arr.length; i++){
     console.log(arr[i]);
     // zhang
     // xu
     // liu
}

方法二 ：for...in...

let arr = ['zhang','xu','liu'];
//for...in...
for(var index in arr){
     console.log(arr[index]);
     // zhang
     // xu
     // liu
}

方法三 ： 利用map()方法遍历数组

let arr = ['zhang','xu','liu'];
// 利用map()方法遍历数组
let result = arr.map(function(item) {
     return item
})
console.log(result); //[ 'zhang', 'xu', 'liu' ]

方法四 ： 利用forEach()遍历数组

let arr = ['zhang','xu','liu'];
//利用forEach()遍历数组
let res = arr.forEach(function(item,index,arr) {
     console.log(item,index);//数组元素   数组元素索引下标   数组
     // zhang 0 
     // xu 1
     // liu 2
})

方法五 ： 使用filter()遍历数组

let arr = ['zhang','xu','liu'];
// 使用filter()遍历数组
let res1 = arr.filter(function(item) {
     return item
})
console.log(res1);  //[ 'zhang', 'xu', 'liu' ]

方法六 ： 使用ES6新增方法遍历数组

// 使用ES6新增方法遍历数组
let arr = ['zhang','xu','liu'];
for(let key of arr){
     console.log(key);
     // zhang
     // xu
     // liu
}