js array删除元素|极客笔记

js array删除元素

JavaScript是一种功能强大的编程语言，而JavaScript的数组又是其最基本且常用的数据结构之一。在JavaScript中，我们常常需要对数组进行操作，其中一个常见的操作是删除数组中的元素。本篇文章将详细介绍在JavaScript中如何删除数组的元素。

一、删除指定索引的元素

要删除指定索引位置的元素，可以使用JavaScript数组的splice()方法。该方法可以实现在指定索引处删除一个或多个元素，并返回被删除的元素。splice()方法的基本语法如下：

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

参数解释：

start：开始删除元素的索引位置。
deleteCount：可选，要删除的元素数量。如果为0，则不删除元素。
item1, item2, ...：可选，要添加到数组的元素。

示例代码：

let fruits = ['apple', 'banana', 'orange', 'grape', 'watermelon'];
let deletedItems = fruits.splice(2, 1);
console.log(fruits);
console.log(deletedItems);

运行结果：

['apple', 'banana', 'grape', 'watermelon']
['orange']

在上述示例中，我们通过splice()方法删除了数组fruits中索引为2的元素，即’orange’。删除后的数组为['apple', 'banana', 'grape', 'watermelon']，而被删除的元素为['orange']。

二、删除指定值的元素

如果要删除数组中指定的值，可以结合使用splice()和indexOf()方法来实现。首先使用indexOf()方法找到要删除的值的索引位置，然后再使用splice()方法删除该索引位置的元素。示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape', 'watermelon'];
let index = fruits.indexOf('orange');
if (index > -1) {
  fruits.splice(index, 1);
}
console.log(fruits);

运行结果：

['apple', 'banana', 'grape', 'watermelon']

在上述示例中，我们通过indexOf()方法找到数组fruits中值为’orange’的元素的索引位置，然后使用splice()方法删除该索引位置的元素。删除后的数组为['apple', 'banana', 'grape', 'watermelon']。

三、删除多个指定值的元素

如果要删除多个指定值的元素，可以结合使用splice()和filter()方法来实现。首先使用filter()方法筛选出要删除的值，然后再使用splice()方法删除这些值对应的索引位置的元素。示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape', 'watermelon'];
let toBeDeleted = ['orange', 'grape'];
fruits = fruits.filter(item => !toBeDeleted.includes(item));
console.log(fruits);

运行结果：

['apple', 'banana', 'watermelon']

在上述示例中，我们使用filter()方法筛选出数组fruits中值不在toBeDeleted数组中的元素，然后将筛选后的数组赋值给fruits变量。最终得到的数组为['apple', 'banana', 'watermelon']。

四、删除多个指定索引的元素

要删除多个指定索引位置的元素，可以使用splice()方法结合循环来实现。示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape', 'watermelon'];
let indexes = [1, 3];
indexes.sort((a, b) => b - a); // 按降序对索引进行排序，避免删除后索引位置出错
for (let i = 0; i < indexes.length; i++) {
  fruits.splice(indexes[i], 1);
}
console.log(fruits);

运行结果：

['apple', 'orange', 'watermelon']

在上述示例中，我们首先按降序对要删除的索引进行排序，这样在循环中删除元素时就不会出现索引位置发生变化的情况。然后使用循环遍历排序后的索引数组，依次使用splice()方法删除对应索引位置的元素。删除后的数组为['apple', 'orange', 'watermelon']。

五、删除重复的元素

如果要从数组中删除重复的元素，可以使用filter()方法结合indexOf()方法来实现。首先使用filter()方法筛选出数组中第一次出现的每个元素，然后再使用indexOf()方法判断元素是否为第一次出现，如果是则保留，否则删除。示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'apple', 'grape', 'banana'];
fruits = fruits.filter((item, index) => fruits.indexOf(item) === index);
console.log(fruits);

运行结果：

['apple', 'banana', 'orange', 'grape']

在上述示例中，我们使用filter()方法筛选出fruits数组中第一次出现的每个元素。在filter()方法的回调函数中，通过indexOf()方法判断元素是否为第一次出现，如果是则保留，否则删除。最终得到的数组为['apple', 'banana', 'orange', 'grape']。