数组塌陷现象:
在对数组进行操作的时候,会使数组的长度产生变化,同时操作的数组那个项的下一个索引会被跳过,从而造成数组的某项会被跳过,这种叫做数组塌陷现象。
例如:
循环判断数组中的每一项的值,如果等于4就删除
遍历到第一个4,索引值i是3,执行删除操作,此时数组的长度就从原来的15变成了14,索引值还是3.
在进行循环 i++,这时i 变成 4,但是原来没删除数组中的第二个4 索引值变成了3,这样再去执行 i = 4 的操作,这样就跳过了原来没删除数组中的第二个4,去删除原来没删除数组中的第三个4,从而造成了输出的结果会有几个4没有被删除,就形成了数组塌陷现象。
解决办法:
就是在对数组某项进行操作之后,手动将索引值 i --,保持数组每一项都被遍历。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
// 定义数组
var arr = [1, 2, 3, 4, 4, 4, 4, 4, 4, 4, 5, 6, 7, 8, 9];
// 遍历
for (var i = 0; i < arr.length; i++) {
// 判断
if (arr[i] === 4) {
arr.splice(i, 1); // 此时, 删除的那一项会与原数组下标产生差异, 后面的所有成员都会往前移动。
i--; // 有了这条代码 才可以保证与数组中的每一个成员的下标一一对应。
}
}
console.log(arr)
</script>
</body>
</html>