js数组迭代方式总结

首先我们定义一个数组:

var testArray=[1,2,3,4,5,6,7,8,9];

1 for

    for (var i = 0; i < testArray.length; i++) {
        console.log(testArray[i]);
    };

这个循环每执行一次,都要检查一次 array.length 的值,效率并不高。

2 for…in

    for (var val in testArray) {
        console.log(testArray[val]);
    }

这里需要注意:取值的时候,value只是index 是索引,而不是真正需要的值。

for-in 需要分析出 array 的每个属性,这个操作的性能开销很大。所以尽量不要用 for-in,除非你不清楚要处理哪些属性,例如 JSON 对象这样的情况。

3 for each … in

    for each(var val in testArray){
        console.log(val);  
    }

并不推荐的一种写法,在新版本的已经不再支持。推荐用 for of 代替。

4 for … of

    for (val of testArray) {
      console.log(val);  
    }

这是目前遍历数组最简洁和直接的语法;
它避免了for-in的所有缺陷;
与forEach()不一样,它支持break,continue和return。

5 还有一种 ECMAScript5 提供的方法。forEach()

testArray.forEach(function(item,index,array){
    console.log(item);
})

综上,推荐使用 for of 遍历数组。

JS数组迭代是指通过某种方式遍历JavaScript数组中的元素,并对每个元素执行特定操作的过程。JavaScript 提供了多种方法来进行数组迭代,常见的有以下几种: 1. **for循环** 这是最传统的迭代形式,可以手动控制索引来访问每一个数组元素。 ```javascript let arr = [1, 2, 3]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 2. **forEach() 方法** `forEach()` 是一种更简洁的方式,它接受一个回调函数作为参数,该函数会为数组的每个元素自动调用一次。 ```javascript let arr = [1, 2, 3]; arr.forEach(function(element) { console.log(element); }); ``` 3. **map() 方法** 如果需要将数组转换成另一个新数组,`map()` 可以帮助创建一个新的数组,其中包含原始数组经过某些处理后的结果。 ```javascript let arr = [1, 2, 3]; let newArr = arr.map(function(x) { return x * 2; }); console.log(newArr); // 输出: [2,4,6] ``` 4. **filter() 方法** 当我们想筛选出满足条件的部分元素时,可以用 `filter()` 来构建一个仅包含符合条件项的新数组。 ```javascript let arr = [1, 2, 3]; let filtered = arr.filter(function(x){ return x > 1;}); console.log(filtered); // 输出: [2,3] ``` 5. **reduce() 方法** 若希望累积计算整个数组的结果,则可采用 `reduce()` 把所有值合并到一起形成单一返回值。 ```javascript var sum = [0, 1, 2, 3].reduce((accumulator, currentValue) => accumulator + currentValue, 0); console.log(sum); // 输出:6 ``` 以上只是部分常用的数组迭代手段,在实际开发中还有更多其他高级技巧可以根据需求选择合适的方式来解决问题!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值