JavaScript 数组删除：彻底指南58

在 JavaScript 中，数组是一种有序的数据结构，用于存储一组值。有时，我们可能需要从数组中删除一个或多个元素。本文将详细介绍 JavaScript 中删除数组元素的各种方法，包括针对不同删除场景的示例代码。

删除单个元素

pop() 方法

pop() 方法从数组的末尾删除并返回最后一个元素。它改变了原始数组，因此使用它时要小心。```javascript
const arr = [1, 2, 3, 4, 5];
const lastElement = (); // lastElement 为 5
(arr); // [1, 2, 3, 4]
```

shift() 方法

shift() 方法从数组的开头删除并返回第一个元素。它也改变了原始数组。```javascript
const arr = [1, 2, 3, 4, 5];
const firstElement = (); // firstElement 为 1
(arr); // [2, 3, 4, 5]
```

删除多个连续元素

slice() 方法

slice() 方法创建一个新的数组，其中包含原始数组的指定范围内的元素。它不会更改原始数组。```javascript
const arr = [1, 2, 3, 4, 5];
const newArr = (1, 3); // 从索引 1 开始，到索引 3 之前 (不包括索引 3)
(arr); // [1, 2, 3, 4, 5]
(newArr); // [2, 3]
```

splice() 方法

splice() 方法从数组中删除指定范围内的元素并返回一个包含已删除元素的新数组。它改变了原始数组。```javascript
const arr = [1, 2, 3, 4, 5];
const removedElements = (1, 2); // 从索引 1 开始，删除 2 个元素
(arr); // [1, 4, 5]
(removedElements); // [2, 3]
```

删除特定值元素

indexOf() 和 splice() 方法

要删除包含特定值的元素，可以使用 indexOf() 方法找到该元素的索引，然后使用 splice() 方法将其删除。```javascript
const arr = [1, 2, 3, 4, 5, 3, 2];
const index = (3); // 2
if (index !== -1) {
(index, 1); // 删除索引 2 处的元素
}
(arr); // [1, 2, 4, 5, 2]
```

filter() 方法

filter() 方法创建一个新的数组，其中包含通过指定条件筛选的原始数组的元素。它不会更改原始数组。```javascript
const arr = [1, 2, 3, 4, 5, 3, 2];
const newArr = ((element) => element !== 3);
(arr); // [1, 2, 3, 4, 5, 3, 2]
(newArr); // [1, 2, 4, 5, 2]
```

删除重复元素

Set() 对象

Set() 对象是一种数据结构，它存储唯一值。将其与数组结合使用可以轻松删除重复项。```javascript
const arr = [1, 2, 3, 4, 5, 3, 2];
const set = new Set(arr);
const newArr = (set);
(newArr); // [1, 2, 3, 4, 5]
```

删除所有元素