JS实现移除数组中的元素

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

Delicia_Lani

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

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏：算法

本文链接：https://blog.youkuaiyun.com/qq_29918313/article/details/94648883

算法专栏收录该内容

19 篇文章

订阅专栏

本文介绍了五种在JavaScript中删除数组元素的方法，包括利用新数组筛选不等元素、使用splice、slice、filter以及delete操作。这些方法各有特点，如splice会改变原数组，而slice和filter则返回新数组不改变原数据。

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

移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组。

【解一】逆向思维，要求不改变原数组，那就把不相等的元素插入新数组。

function remove(arr, item) {
    if (arr.length === 0) {
        return arr
    } else {
        var result = []
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] !== item) {
                result.push(arr[i])
            }
        }
        return result
    }
}

【解二】splice的使用

splice(index, count, add); index规定添加或者删除元素的位置；count要删除元素的数量，如果值为0，则不删除；add表示向数组添加的新项目。

splice会改变原数组。

function remove(arr,item){
    var newarr = arr.slice(0);
    for(var i=0;i<newarr.length;i++){
        if(newarr[i] == item){
            newarr.splice(i,1);
            i--;
        }
    }
    return newarr;
}

【解三】slice的使用，从已有的数组中返回选定的元素，并不会修改数组，返回一个新数组即子数组。

slice(start, end); start表示从何处开始选取，end可不写，规定从何处开始结束选取。

【解四】filter

filter方法创建一个新的数组，新数组中的元素是通过检查指定数组中的符合条件的所有元素

不会对空数组进行检测

不会改变原始数组

语法：

array.filter(function(currentValue,index,arr), thisValue)

currentValue：当前元素的值，必须；index：当前元素的索引值，不必须；arr：当前元素属于的数组对象，不必须；

function remove(arr,item){
    return arr.filter(function(ele){
         return ele != item;
    })
}

【解五】delete删除：数组长度不变，原来数组的索引保持不变。

function remove(arr, item) {
    if (arr.length === 0) {
        return arr
    } else {
        let result = []
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] === item) {
                delete(arr[i])
                console.log(arr)
            }
        }
    }
}
let arr = [1,2,3,4,3,3,3,2,3,3,3]
let item = 3
remove(arr, item)

输出结果：[1, 2, empty, 4, empty × 3, 2, empty × 3]