欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【JavaScript】数组的遍历方法

程序员文章站 2022-06-24 12:20:12
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。代码简洁,但是有一...

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

本文地址:https://blog.csdn.net/u013517229/article/details/110931716