JS删除数组某一项|极客笔记

JS删除数组某一项

在开发JavaScript应用程序时，经常会遇到需要删除数组中的某一项的情况。删除数组中的特定项可以通过各种方式来实现，本文将详细介绍几种常用的方法来删除数组中的某一项。

方法一：使用splice()方法

splice() 方法可以实现对数组的增删改操作，其中包括删除数组中的指定项。该方法的语法如下：

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

start：从数组的哪个位置开始删除元素的索引。
deleteCount：要删除的元素个数。
item1, item2, …：要添加到数组的元素。

下面是一个示例，演示如何使用splice()方法删除数组中的某一项：

let fruits = ["apple", "banana", "orange", "mango", "kiwi"];
let index = fruits.indexOf("orange");

if (index > -1) {
  fruits.splice(index, 1);
}

console.log(fruits);

在上面的示例中，我们首先通过indexOf()方法找到了”orange”在数组中的索引位置，然后利用splice()方法将其删除。最终我们的数组将变为["apple", "banana", "mango", "kiwi"]。

方法二：使用filter()方法

filter() 方法基于给定的条件对数组进行筛选，可以用来删除数组中的特定项。其语法如下：

array.filter(callback(element, index, array), thisArg)

callback：用来测试数组中的每个元素的函数。
element：数组中当前在处理的元素。
index：数组中当前在处理的元素的索引。
array：在上次调用callback时被处理的数组。
thisArg：执行 callback 时使用的 this 值。

下面是一个示例，展示如何使用filter()方法删除数组中的某一项：

let fruits = ["apple", "banana", "orange", "mango", "kiwi"];
let newArray = fruits.filter(fruit => fruit !== "orange");

console.log(newArray);

在上面的示例中，我们定义了一个回调函数，该函数检查数组中的每个元素是否等于”orange”，然后返回一个新数组，其中不包含”orange”。最终我们的数组将变为["apple", "banana", "mango", "kiwi"]。

方法三：使用slice()方法

slice() 方法可以从已有数组中返回选定的元素，通过组合slice()方法和concat()方法，可以实现删除数组中的特定项。其语法如下：

array.slice(begin, end)

begin：从该索引处开始提取原数组的元素。
end：提取原数组元素的结束索引（不包括该元素）。

下面是一个示例，展示如何使用slice()方法删除数组中的某一项：

let fruits = ["apple", "banana", "orange", "mango", "kiwi"];
let index = fruits.indexOf("orange");

let newArray = fruits.slice(0, index).concat(fruits.slice(index + 1));

console.log(newArray);

在上面的示例中，我们首先使用indexOf()方法找到了”orange”在数组中的索引位置，然后利用slice()方法将数组分割成两部分，并通过concat()方法来合并这两部分，从而实现了删除”orange”的目的。最终我们的数组将变为["apple", "banana", "mango", "kiwi"]。

方法四：使用forEach()方法

forEach() 方法对数组的每个元素执行一次提供的函数，我们可以在遍历数组时删除特定项。其语法如下：

array.forEach(callback(currentValue, index, array))

callback：用来对每个元素执行的函数。
currentValue：当前传递给函数的值。
index：当前元素在数组中的索引。
array：当前正在处理的数组。

下面是一个示例，展示如何使用forEach()方法删除数组中的某一项：

let fruits = ["apple", "banana", "orange", "mango", "kiwi"];

fruits.forEach((fruit, index) => {
  if (fruit === "orange") {
    fruits.splice(index, 1);
  }
});

console.log(fruits);

在上面的示例中，我们使用forEach()方法遍历数组，当找到”orange”时，使用splice()方法删除该项。最终我们的数组将变为["apple", "banana", "mango", "kiwi"]。