js数组删除指定元素

定义函数

/**
     * js数组删除指定元素
     * @param arr
     * @param val
     */
    removeByValue(arr, val) {
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] == val) {
                arr.splice(i, 1);
                break;
            }
        }
    }

使用
this.tagSelect是原始数组,tagId 想要删除的元素

this.removeByValue(this.tagSelect, tagId);
### 删除数组指定元素并返回新数组的方法 在 JavaScript 中,删除数组中的指定元素并返回一个新数组可以通过多种方法实现。以下是几种常见的方法: #### 方法一:使用 `filter` 方法 `filter` 是 JavaScript 数组的一个内置方法,它可以创建一个新数组,其中包含通过测试函数筛选的元素。我们可以通过判断数组中的每个元素是否不等于要删除元素来实现目标。 ```javascript function removeElementWithFilter(arr, element) { return arr.filter(item => item !== element); } let originalArray1 = [1, 2, 3, 2, 4]; let newArray1 = removeElementWithFilter(originalArray1, 2); console.log(newArray1); // 输出: [1, 3, 4] ``` 这种方法不会修改原始数组,而是返回一个新数组[^2]。 #### 方法二:使用 `splice` 和 `indexOf` `splice` 方法可以用于从数组删除元素。结合 `indexOf` 方法,我们可以找到要删除元素的索引,并将其从数组中移除。需要注意的是,如果数组中有多个相同的元素,`indexOf` 只会找到第一个匹配项。 ```javascript function removeElementWithSplice(arr, element) { let index = arr.indexOf(element); if (index !== -1) { arr.splice(index, 1); } return arr; } let originalArray2 = [1, 2, 3, 2, 4]; let newArray2 = removeElementWithSplice([...originalArray2], 2); // 使用扩展运算符复制数组以避免修改原数组 console.log(newArray2); // 输出: [1, 3, 2, 4] ``` 此方法会修改原始数组,因此需要额外操作以确保返回的是一个新数组[^4]。 #### 方法三:使用 `for` 循环 通过手动遍历数组并跳过指定元素,可以构建一个新的数组。这种方法适用于需要兼容旧版浏览器的场景。 ```javascript function removeElementWithForLoop(arr, element) { let newArr = []; for (let i = 0; i < arr.length; i++) { if (arr[i] !== element) { newArr.push(arr[i]); } } return newArr; } let originalArray3 = [1, 2, 3, 2, 4]; let newArray3 = removeElementWithForLoop(originalArray3, 2); console.log(newArray3); // 输出: [1, 3, 4] ``` 这种方法也不会修改原始数组[^2]。 #### 方法四:使用 `reduce` `reduce` 方法可以用来累积结果,从而构建一个不包含指定元素的新数组。 ```javascript function removeElementWithReduce(arr, element) { return arr.reduce((acc, curr) => { if (curr !== element) { acc.push(curr); } return acc; }, []); } let originalArray4 = [1, 2, 3, 2, 4]; let newArray4 = removeElementWithReduce(originalArray4, 2); console.log(newArray4); // 输出: [1, 3, 4] ``` 此方法同样不会修改原始数组[^5]。 ### 总结 上述方法各有优劣,选择具体实现方式时需根据实际需求决定。例如,如果需要保持原始数组不变,则推荐使用 `filter` 或 `reduce` 方法;如果允许修改原始数组,则可以考虑 `splice` 方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

le4

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值