在循环的过程中删除数组元素的问题

最新推荐文章于 2025-06-24 19:21:57 发布

玉儿Qi

最新推荐文章于 2025-06-24 19:21:57 发布

阅读量4.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发 JavaScript 文章标签： javascript 数组

本文链接：https://blog.youkuaiyun.com/u014328357/article/details/65632481

前端开发同时被 2 个专栏收录

227 篇文章

订阅专栏

JavaScript

185 篇文章

订阅专栏

本文介绍JavaScript中两种有效的数组元素删除方法：一是记录下标后批量删除；二是循环中即时删除，同时调整循环条件以避免遗漏元素。这两种方法适用于不同场景，帮助开发者更灵活地操作数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在js中，如果想删除一个数组中下标为index位置的元素，一般使用的方法为：

array.splice(index,1);

但是，如果我们在循环中想要删除一个元素，那么将会导致在删除这一位后，这一位后面元素的数组下标全体改变，那么我们如果还按照没有删除元素的时候的方法继续进行访问，那势必会出现问题。

有两种解决方法：

1、将需要删除的元素下标记录下来，最后一并全体删除。
删除方式如下代码，其中array为原始数组，indexArray为需要删除元素的下标所组成的数组。

var deleteIndex = function(array,indexArray){
    var indexLength = indexArray.length;
    indexArray.sort(function(a,b){
        if(a-b>0){
            return 1;
        }else if(a-b<0){
            return -1;
        }else{
            return 0;
        }
    });
    var deltimes = 0;
    for(var i=0;i<indexLength;i++){
        array.splice((indexArray[i]-deltimes),1);
        deltimes++;
    }
    return array;
}

console.log(deleteIndex([1,2,3,4,5,6,7],[0,1,3,5]));

2、在循环中就删除，但是要修改循环条件：

var deleteSomeItems = [1,2,3,4,5,4,3,2,1];// 例如我们需要删除偶数元素
var length = deleteSomeItems.length;
for(var i=0;i<length;i++){
    if(deleteSomeItems[i]%2 == 0){
        // 删除元素
        deleteSomeItems.splice(i,1);
        // 修改i的值！
        i--;
    }
}
console.log(deleteSomeItems);