js几种常见的遍历数组方法

1.for

通过for循环遍历数组元素，可以把计数器 i 当成数组元素的下标来访问

var arr = [1, 2, 3, 4, 5]
for (var i = 0, len = arr.length; i < len; i++) {
    console.log(arr[i])
}

2.for-in

//遍历的是下标
var arr = [1, 2, 3, 4, 5]
for (var index in arr) {
    console.log(arr[index])
}

3.for-of

//直接遍历数据
var arr = [1, 2, 3, 4, 5]
for (var item in arr) {
    console.log(item)
}

4.map

map 方法对数组的所有成员依次调用一个函数，根据函数结果返回一个新数组。该方法不会改变原来的数组

var arr = [1, 2, 3, 4, 5]
//item：每一个数组元素
//index：数组元素对应的下标，可选参数
//arr：原始数组，可选参数
arr.map(function(item,index,arr){
    console.log(item,index,arr)
    /*
    1,0,[1,2,3,4,5]
    2,1,[1,2,3,4,5]
    ...
    */
})

5.forEach

forEach是数组对象提供的方法，类似于map方法，唯一的区别在于forEach没有返回值，只是单纯的遍历数据。

var arr = [1, 2, 3]
//item：每一个数组元素
//index：数组元素对应的下标，可选参数
//arr：原始数组，可选参数
arr.forEach(function(item,index,arr){
    console.log(item,index,arr)
    /*
    1,0,[1,2,3]
    2,1,[1,2,3]
    3,2,[1,2,3]
    */
})