js中数组塌陷问题的解决

前端小灰灰

已于 2023-03-22 20:36:11 修改

阅读量144

点赞数 2

文章标签：算法 javascript html

于 2023-03-22 20:14:25 首次发布

本文链接：https://blog.csdn.net/dongjianhui15/article/details/129718009

版权

文章介绍了在删除数组中元素时导致的数组塌陷问题，即删除元素后后续元素索引前移。为了解决遍历数组时遇到的问题，提出了两种方案：一是删除后将索引回退一步，二是反向遍历数组。这两种方法都能有效避免因数组塌陷而产生的错误。示例代码展示了如何实现这两个方案来删除数组中的偶数元素。

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

数组塌陷

当你删除数组内的数据的时候，从删除位置以后的数据，会向前递进索引，我们管这个行为叫做数组塌陷。

当你删除数组内的数据以后, 还需要继续遍历数组进行操作的时候, 会出现问题

解决方法:

方案1: 每次删除完毕以后, 退一步

方案2: 倒着循环数组

我们要删除数组内为2的倍数的数据

 // 方案1:
    for (var i = 0; i < arr.length; i++) {  //遍历数组
      if (arr[i] % 2 === 0) {       //判断是不是2的倍数
        arr.splice(i, 1)          //从索引为i的位置删除一个
        i--             
      }
    }
    console.log('删除之后 : ', arr)

// 方案2:
    for (var i = arr.length - 1; i >= 0; i--) {  // 倒着遍历数组
      if (arr[i] % 2 === 1) {           //判断是不是2的倍数
        arr.splice(i, 1)              //从索引为i的位置删除一个
      }
    }

    console.log('删除之后 : ', arr)

没经过处理的结果：