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 数组遍历的方法