JS删除数组中某一条数据|极客笔记

JS删除数组中某一条数据

在编程过程中，经常会遇到需要删除数组中某一条数据的情况。在JavaScript中，我们可以通过不同的方法来实现这个功能。本文将详细介绍如何使用JS来删除数组中的某一项数据。

方法一：使用splice()

splice() 方法可以向数组添加新项或删除数组中的元素。我们可以利用splice()方法来删除数组中的指定元素。下面是splice()方法的语法：

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

start：起始位置，即要删除的元素的位置
deleteCount：要删除的元素的数量
item1, item2, …：要替换被删除元素的新元素

示例代码如下：

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

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

console.log(fruits); // ["apple", "banana", "grape"]

在上面的代码中，我们首先使用indexOf()方法找到要删除的元素的索引位置，然后使用splice()方法删除该元素。最后打印出删除后的数组。

方法二：使用filter()

filter() 方法创建一个新数组，其中包含通过所提供函数实施的测试的所有元素。我们可以通过filter()方法来过滤出不需要删除的元素，从而实现删除数组中的某一项元素。下面是filter()方法的语法：

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

示例代码如下：

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

console.log(newArray); // ["apple", "banana", "grape"]

在上面的代码中，我们使用filter()方法通过回调函数过滤掉了要删除的元素，得到一个新的数组。最后打印出过滤后的数组。

方法三：使用slice()和concat()

我们还可以通过slice()和concat()方法来删除数组中的某一项元素。slice()方法可以从已有的数组中提取出一个子数组，并返回一个新数组，而concat()方法可以连接两个或多个数组，并返回一个新数组。结合这两个方法，我们可以实现删除数组中的某一项元素。下面是方法的示例代码：

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

if (index > -1) {
  let newArray = fruits.slice(0, index).concat(fruits.slice(index + 1));
  console.log(newArray); // ["apple", "banana", "grape"]
}

在上面的代码中，我们首先找到要删除的元素的索引位置，然后使用slice()方法从头开始到要删除的元素之前的位置和从要删除元素之后的位置开始分别提取出两个数组，最后使用concat()方法将这两个数组连接起来得到新的数组。