JavaScript for循环删除数组元素时的索引陷阱与修正方案

for循环删除数组元素的索引陷阱

在昨天尝试使用for循环实现数组去重的过程中，遇到了一些典型问题。

基本的思路是采用双重for循环，将当前元素与后续所有元素逐一比较，一旦发现相等元素即执行删除操作。

然而，当数组中存在三个或更多连续相等的元素时，这种简单的删除逻辑会出现偏差。

var arr = [1,1,1,2,2];
for(var i=0; i<arr.length-1; i++){
for(var j=i+1; j<arr.length; j++){
if(arr[i] === arr[j]){
arr.splice(j,1);
}
}
} 
document.write("arr:"+arr);

具体输出结果如下所示：

出现该问题的根本原因在于，当数组执行splice删除某个元素后，数组长度会减1，且被删除位置之后的所有元素索引均向前移动一位。此时，如果内层循环变量j仍然执行自增操作（j++），就会导致跳过原本位于j位置的元素，从而造成漏删。

以具体执行过程为例，当i=0、j=1时，若执行删除操作，数组变为[1,1,2,2]，此时原j=2位置的元素移动到了j=1位置。若随后j直接自增变为2，程序就会忽略新移动到j=1位置的元素，继续向后遍历，导致去重不彻底。

修正方案：内层循环变量j--

因此，正确的做法是在每次执行删除操作后，必须手动将内层循环变量j减1（即使用j--），以抵消索引前移的影响，确保下一次比较能覆盖到当前索引位置的元素。

var arr = [1,1,1,2,2];
for(var i=0; i<arr.length-1; i++){
for(var j=i+1; j<arr.length; j++){
if(arr[i] == arr[j]){
arr.splice(j--,1);
}
}
}
document.write("arr:"+arr);

修正后的输出结果如下：

类似关于对数组元素进行删除的，都要考虑数组长度会减1，后面的元素都会往前移动一位

以上分享了JavaScript中for循环删除数组元素时常见的索引偏移问题及解决方法，希望能为读者提供帮助。如有任何疑问，欢迎留言交流，小编会及时回复。感谢大家的支持！