【JavaScript】数组的遍历方法

1、for循环遍历

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

2、forEach遍历

var arrayA = [1, 2, 3, 4, 5];
arrayA.forEach(function (item, index, array) {
    console.log(item)
})

这个写法来自于ES5。代码简洁，但是有一个缺点。无法使用break跳出循环，无法使用return返回到外层函数。

3、map遍历

var arrayA = [1, 2, 3, 4, 5];
var arrayB = arrayA.map(function (value) {
    console.log(value);
    return value * 2;
})

这个写法来自于ES6。map的回调函数中支持return返回值，对返回值操作并不影响原数组，它只是将原数组克隆了一份。

4、for of遍历

var arrayA = [1, 2, 3, 4, 5];
for (var item of arrayA){
    console.log(item);
}

这个写法来自于ES6。它支持continue、break操作。

 

参考文章：

1、深入浅出ES6（二）：迭代器和for-of循环

http://www.scscms.com/html/article/20150627-22449784.html

2、JS 数组遍历的方法

https://segmentfault.com/a/1190000019788883