【JS实战】数组方法使用的常见问题记录

最新推荐文章于 2024-04-25 17:11:37 发布

Lana学习中

最新推荐文章于 2024-04-25 17:11:37 发布

阅读量208

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/sinat_41838682/article/details/129601124

版权

在JavaScript中，当使用foreach循环遍历并试图删除不满足条件的数组元素时，由于splice会改变原数组导致索引错乱。文章提出使用filter方法作为替代方案，例如过滤掉num不等于0的对象。filter不会影响原始数组，能保持遍历顺序。因此，应避免在循环体中减少数组长度以防止指针错误。

摘要由CSDN通过智能技术生成

foreach循环中使用splice问题

场景：循环数组并删除不满足条件的数据。
问题：在foreach中使用splice（会改变原数组），会导致数组的index乱序，出现错误。
解决方法（之一）：使用filter来代替实现相关功能。
例子：

let arr = [
      {
        productId: 1,
        productName: '电视机',
        num: 20
      }, {
        productId: 2,
        productName: '洗衣机',
        num: 0
      }, {
        productId: 3,
        productName: '冰箱',
        num: 50
      }, 
    ]
    arr = arr.filter(item => {
      return item.num != 0
    })
    console.log(arr) 
    // [
    // {productId: 1, productName: "电视机", num: 20}, 
    // {productId: 3, productName: "冰箱", num: 50}
    // ]