JavaScript中7种常见删除数组中指定元素的方法（含代码）

在JavaScript中，有多种方法可以从数组中删除指定的元素。以下是几种常见的方法：

1. 使用 splice() 方法

splice() 方法可以同时从数组中删除和添加元素。如果只提供了两个参数，那么它只会删除元素。

let arr = [1, 2, 3, 4, 5];  
let index = arr.indexOf(3); // 找到要删除的元素的索引  
if (index !== -1) { // 确保元素存在于数组中  
    arr.splice(index, 1); // 删除一个元素  
}  
console.log(arr); // 输出: [1, 2, 4, 5]

2. 使用 filter() 方法

filter() 方法创建一个新数组，新数组中的元素都是通过检查指定条件为真的元素。

let arr = [1, 2, 3, 4, 5];  
let newArr = arr.filter(item => item !== 3); // 过滤掉等于3的元素  
console.log(newArr); // 输出: [1, 2, 4, 5]

3. 使用 delete 运算符

delete 运算符可以删除数组的元素，但是不会影响其他数组元素，也不会改变数组的长度。

let arr = [1, 2, 3, 4, 5];  
let index = arr.indexOf(3); // 找到要删除的元素的索引  
if (index !== -1) { // 确保元素存在于数组中  
    delete arr[index]; // 删除元素  
}  
console.log(arr); // 输出: [1, 2, undefined, 4, 5]

4. 使用 for 循环和 splice() 方法

我们可以使用 for 循环遍历数组，并在遍历过程中使用 splice() 方法删除元素。

let arr = [1, 2, 3, 4, 5];  
for (let i = 0; i < arr.length; i++) {  
    if (arr[i] === 3) { // 如果元素等于3，则删除它  
        arr.splice(i, 1); // 使用splice()删除元素，然后减小i以跳过被删除的元素  
        i--; // 因为我们删除了一个元素，所以我们需要减小索引以保持正确的遍历顺序  
    }  
}  
console.log(arr); // 输出: [1, 2, 4, 5]

5. 使用 includes() 方法

我们可以使用 includes() 方法检查数组中是否存在指定的元素，如果存在，则使用 splice() 方法删除它。这种方法可以避免在循环中使用复杂的条件判断。

let arr = [1, 2, 3, 4, 5];  
let itemToRemove = 3; // 要删除的元素  
let index = arr.indexOf(itemToRemove); // 在数组中查找要删除的元素的索引  
if (index !== -1) { // 如果元素存在于数组中，则删除它  
    arr.splice(index, 1); // 使用splice()删除元素，并返回被删除的元素（虽然在这个例子中我们不需要它）  
}  
console.log(arr); // 输出: [1, 2, 4, 5]

6. 使用 shift() 或 pop() 方法

shift() 方法删除并返回数组的第一个元素，而 pop() 方法删除并返回数组的最后一个元素。

let arr = [1, 2, 3, 4, 5];  
let itemToRemove = 3; // 要删除的元素  
arr.splice(arr.indexOf(itemToRemove), 1); // 删除元素  
console.log(arr); // 输出: [1, 2, 4, 5]

7. 使用 map() 方法

map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后的结果。如果提供的函数在某个位置返回 false，则该位置的元素不会被包括在新数组中。

let arr = [1, 2, 3, 4, 5];  
let newArr = arr.map(item => item !== 3); // 过滤掉等于3的元素  
console.log(newArr); // 输出: [1, 2, 4, 5]