JS删除数组中某个元素的四种方式总结

JavaScript中有多种方式可以删除数组中某个元素，本文将总结其中常用的四种方式并且进行详细介绍。

方法一：splice()

splice()方法可以在数组中添加、删除或替换元素。可以通过指定两个参数来删除一个或多个元素。第一个参数指定从哪个索引开始进行删除，第二个参数指定要删除的元素个数。以下是该方法的语法：

array.splice(start, deleteCount, item1, item2, ...)

其中，start为删除开始的索引，deleteCount为删除的元素个数，item1、item2、...为可选参数，表示在start位置插入的元素。

以下是删除数组中指定元素的方法示例：

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]

以上代码中，先使用indexOf()方法获取元素3的索引值，然后使用splice()方法删除该元素。

方法二：filter()

filter()方法会创建一个新的数组，其包含通过指定函数测试的所有元素。以下是该方法的语法：

array.filter(callback(element[, index[, array]]))

其中，callback为函数，有三个参数可用。element为当前被测试的元素，index为该元素的索引值，array为调用filter()的数组本身。

以下是删除数组中指定元素的方法示例：

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(function(item) {
  return item !== 3;
});
console.log(newArr); // [1, 2, 4, 5]

以上代码中，使用filter()方法创建了一个新的数组，该数组不包含元素3。

方法三：pop()

pop()方法会从数组的末尾删除一个元素，并返回该元素。以下是该方法的语法：

array.pop()

以下是删除数组中指定元素的方法示例：

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]

以上代码中，先使用indexOf()方法获取元素3的索引值，然后使用splice()方法删除该元素。

方法四：shift()

shift()方法会从数组的开头删除一个元素，并返回该元素。以下是该方法的语法：

array.shift()

以下是删除数组中指定元素的方法示例：

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]

以上代码中，先使用indexOf()方法获取元素3的索引值，然后使用splice()方法删除该元素。

总结

以上就是JavaScript中删除数组中指定元素的四种方式。其中，splice()方法是最常用的一种方法，可以对数组进行增删改操作，也可以对指定位置进行插入操作。filter()方法则是在原数组基础上创建了一个新数组，可以对元素进行过滤操作。pop()方法和shift()方法分别从数组的末尾和开头删除一个元素，适合删除最后一个或最前一个元素。

阅读剩余 49%