JS数组去掉某个元素|极客笔记

JS数组去掉某个元素

在JavaScript中，我们经常会遇到需要在数组中删除特定元素的情况。有时候我们只需要删除数组中的一个元素，而不需要删除整个数组。本文将介绍如何使用JavaScript来实现删除数组中的某个元素。

使用`splice()`方法

JavaScript中的splice()方法可以用来向数组中插入、删除元素，既可以删除一个元素，也可以删除多个元素。其语法如下：

array.splice(start, deleteCount)

start：指定要开始删除元素的位置（索引值），如果超出数组长度，则从数组末尾开始删除。
deleteCount：要删除的元素个数。

let array = [1, 2, 3, 4, 5];
let index = array.indexOf(3); // 找到元素3的索引
if(index > -1){
  array.splice(index, 1); // 删除元素3
}
console.log(array); // [1, 2, 4, 5]

在上面的示例中，我们首先使用indexOf()方法找到数组中元素3的索引，然后用splice()方法删除元素3。最后输出数组。

使用`filter()`方法

除了使用splice()方法外，还可以使用filter()方法来删除数组中的某个元素。filter() 方法会创建一个新的数组，其中包含通过指定函数实现的测试的所有元素。其语法如下：

array.filter(callback)

callback：用来测试每个元素的函数，返回true表示保留该元素，返回false表示删除该元素。

let array = [1, 2, 3, 4, 5];
let newArray = array.filter(item => item !== 3);
console.log(newArray); // [1, 2, 4, 5]

在以上示例中，我们使用filter()方法创建一个新的数组，其中不包含元素3。最后输出新的数组。

使用`slice()`方法

slice() 方法返回一个新的数组对象，这个对象是一个由arrayObj的begin和end（不含end位置的元素）决定的原数组的浅拷贝。原数组不会改变。其语法如下：

array.slice(begin, end)

begin：提取起始处的索引（从0开始），如果是负值，则按字符串长度加上该值确定开始位置。如-1表示从字符串末尾开始。
end：提取终了处的索引，不包含end位置的元素，如果是负值，则按字符串长度加上该值确定结束位置。

let array = [1, 2, 3, 4, 5];
let index = array.indexOf(3); // 找到元素3的索引
let newArray = index > -1 ? [...array.slice(0, index), ...array.slice(index + 1)] : array;
console.log(newArray); // [1, 2, 4, 5]

在以上示例中，我们首先使用indexOf()方法找到数组中元素3的索引，然后使用slice()方法将数组切割成两部分，并去掉中间的元素3。最后将两部分数组合并成一个新的数组。