概念

数组塌陷：在对数组进行操作的时候，会使数组的长度产生变化，同时，操作的数组那个项的下一个索引会被跳过，从而造成数组的某项会被跳过，这种叫做数组塌陷现象。

例子：

let arr = [1, 2, 3, 3, 3, 3, 3, 3, 3, 4, 5, 6, 7, 8, 9]
for (let i = 0; i < arr.length; i++) {// 判断if (arr[i] === 3) {arr.splice(i, 1); // 此时， 删除的那一项会与原数组下标产生差异， 后面的所有成员都会往前移动。}
}
console.log(arr)

运行结果：

我们原本的目的是循环判断数组中的每一项的值，如果等于3就删除，实际上却发现没有删除干净，原因就是数组塌陷。

具体过程：

遍历到第一个3，索引值 i 是2，执行删除操作，此时数组的长度就从原来的 15 变成了14，索引值还是 2；

再进行循环 i++，这时 i 变成 3，原来数组中的第二个 3 本来的索引值是 3 ，现在索引值变成了 2，这样再去执行 i = 3 的操作，这样就跳过了原来没删除数组中的第二个3，去执行后面的操作，从而造成了输出的结果会有 3 没有被删除感觉，就形成了数组塌陷现象。

解决办法：

i–

就是在对数组某项进行操作之后，手动将索引值 i --，保持数组每一项都被遍历。

let arr = [1, 2, 3, 3, 3, 3, 3, 3, 3, 4, 5, 6, 7, 8, 9]
for (let i = 0; i < arr.length; i++) {// 判断if (arr[i] === 3) {arr.splice(i, 1); // 此时， 删除的那一项会与原数组下标产生差异， 后面的所有成员都会往前移动。i--;  // 有了这条代码 才可以保证与数组中的每一个成员的下标一一对应。}
}
console.log(arr)

运行结果：

数组倒着遍历

let arr = [1, 2, 3, 3, 3, 3, 3, 3, 3, 4, 5, 6, 7, 8, 9]
for (let i = arr.length - 1; i >= 0; i--) {// 判断if (arr[i] === 3) {arr.splice(i, 1); }
}
console.log(arr)

运行结果：

JavaScript 数组塌陷相关推荐

[JavaScript] JavaScript数组挖掘，不只是讲数组哟(2)
课程来源:后盾人上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一 ...
这是如何更好地利用JavaScript数组的方法
by pacdiv 由pacdiv 这是如何更好地利用JavaScript数组的方法 (Here's how you can make better use of JavaScript arrays) ...
Javascript 数组
Javascript 数组 Javascript中的Array可以包含任意数据类型,并通过索引来访问每个元素. 要取得Array的长度,直接访问length属性: var arr = [1, 2, 3 ...
JavaScript 数组拼接打印_JavaScript 数组方法
JavaScript 数组方法 JS 数组 JS 数组排序 JavaScript 数组的力量隐藏在数组方法中. 把数组转换为字符串 JavaScript 方法 toString() 把数组转换为数组值 ...
如何将JavaScript数组信息导出到csv（在客户端）？
本文翻译自:How to export JavaScript array info to csv (on client side)? I know there are lot of questions ...
从JavaScript数组中获取随机项[重复]
本文翻译自:Get random item from JavaScript array [duplicate] This question already has answers here : 这个问 ...
创建零填充JavaScript数组的最有效方法？
在JavaScript中创建任意长度的零填充数组的最有效方法是什么? #1楼使用对象符号 var x = []; 零填充? 喜欢... var x = [0,0,0,0,0,0]; 充满" ...
判断javascript数组的方法
2019独角兽企业重金招聘Python工程师标准>>> 判断javascript数组的方法 var is_array=function(){ return value &&a ...
深入浅出 JavaScript 数组 v0.5
有一段时间不更新博客了,今天分享给大家的是一篇关于JS数组的,数组其实比较简单,但是用法非常灵活,在工作学习中应该多学,多用,这样才能领会数组的真谛. 以下知识主要参考<JS 精粹>和&l ...

JavaScript 数组塌陷

概念

解决办法：

i–

数组倒着遍历

JavaScript 数组塌陷相关推荐

最新文章

热门文章