JS 从数组中删除指定元素|极客笔记

JS 从数组中删除指定元素

在 JavaScript 中，我们经常需要在数组中删除特定元素。这可以通过几种不同的方法来实现，具体取决于我们的需求和数据结构。在本文中，我们将介绍一些常见的方法来删除数组中的指定元素。

使用 `splice()` 方法

splice() 方法是 JavaScript 数组对象中的一个原生方法，可以用于删除数组中的元素。该方法接受两个参数：要删除的元素的起始索引位置和要删除的元素的数量。以下是一个示例：

let fruits = ["apple", "banana", "orange", "grape"];

// 删除第二个元素 "banana"
let index = 1;
fruits.splice(index, 1);

console.log(fruits); // 输出: ["apple", "orange", "grape"]

在上面的示例中，我们创建了一个包含水果名称的数组 fruits，然后使用 splice() 方法删除了第二个元素 “banana”。

使用 `filter()` 方法

filter() 方法可以在不改变原始数组的情况下，创建一个新的数组，其中包含通过指定函数测试的所有元素。我们可以使用 filter() 方法来删除指定元素并返回一个新数组。以下是一个示例：

let numbers = [1, 2, 3, 4, 5];

// 删除值为 3 的元素
let filteredArray = numbers.filter(num => num !== 3);

console.log(filteredArray); // 输出: [1, 2, 4, 5]

在上面的示例中，我们创建一个包含数字的数组 numbers，然后使用 filter() 方法过滤掉值为 3 的元素，返回一个新数组 filteredArray。

使用 `indexOf()` 和 `slice()` 方法

我们还可以结合使用 indexOf() 和 slice() 方法来删除数组中的元素。indexOf() 方法用于获取指定元素的索引位置，然后可以使用 slice() 方法创建一个新数组，将要删除的元素排除在外。以下是一个示例：

let colors = ["red", "green", "blue", "yellow"];

// 删除值为 "blue" 的元素
let index = colors.indexOf("blue");
let splicedArray = colors.slice(0, index).concat(colors.slice(index + 1));

console.log(splicedArray); // 输出: ["red", "green", "yellow"]

在上面的示例中，我们创建一个包含颜色的数组 colors，然后使用 indexOf() 方法找到值为 “blue” 的元素的索引位置，最后使用 slice() 方法创建一个新数组 splicedArray，排除值为 “blue” 的元素。

使用循环删除数组中的所有指定元素

如果我们需要删除数组中所有指定元素，可以使用循环来实现。以下是一个示例：

let animals = ["dog", "cat", "dog", "elephant", "dog"];

// 删除所有值为 "dog" 的元素
for (let i = animals.length - 1; i >= 0; i--) {
    if (animals[i] === "dog") {
        animals.splice(i, 1);
    }
}

console.log(animals); // 输出: ["cat", "elephant"]

在上面的示例中，我们创建一个包含动物名称的数组 animals，然后使用循环遍历数组并删除值为 “dog” 的元素，最终得到数组 ["cat", "elephant"]。