【javaScript删除数组元素的五种方法】

在JavaScript中，删除数组元素有多种方法，以下是其中的五种方法：

• 使用 splice() 方法：

splice() 方法可以用来添加/删除数组中的元素。这个方法会直接改变原数组。

let arr = [1, 2, 3, 4, 5];  
arr.splice(2, 1); // 从索引2开始，删除1个元素  
console.log(arr); // 输出: [1, 2, 4, 5]

• 使用 filter() 方法：

filter() 方法创建一个新的数组，其包含通过所提供函数实现的测试的所有元素。这个方法不会改变原数组。

let arr = [1, 2, 3, 4, 5];  
arr = arr.filter(item => item !== 3); // 删除值为3的元素  
console.log(arr); // 输出: [1, 2, 4, 5]

 

• 使用 delete 运算符：

delete 运算符用于删除对象的属性。如果你试图删除一个不存在的属性，或者一个不可配置的属性，这个操作将返回 false。注意，这只会删除数组元素，而不会影响数组的长度。

let arr = [1, 2, 3, 4, 5];  
delete arr[2]; // 删除索引为2的元素  
console.log(arr); // 输出: [1, 2, undefined, 4, 5]

• 使用 pop() 和 shift() 方法：

pop() 方法会删除并返回数组的最后一个元素，而 shift() 方法会删除并返回数组的第一个元素。这两个方法都会改变原数组。

let arr = [1, 2, 3, 4, 5];  
arr.pop(); // 删除最后一个元素  
arr.shift(); // 删除第一个元素  
console.log(arr); // 输出: [2, 3, 4]

• 使用 indexOf() 和 splice() 方法：

如果你知道要删除的元素的索引，你可以使用 indexOf() 方法找到该元素的索引，然后使用 splice() 方法删除它。这个方法会直接改变原数组。

let arr = [1, 2, 3, 4, 5];  
let index = arr.indexOf(3); // 找到值为3的元素的索引  
if (index !== -1) { // 如果找到了该元素  
    arr.splice(index, 1); // 删除该元素  
}  
console.log(arr); // 输出: [1, 2, 4, 5]