JS List 删除元素|极客笔记

JS List 删除元素

在 JavaScript 中，我们可以使用数组（List）来存储多个元素，并且可以对其进行增删改查等操作。本文将重点介绍如何在 JavaScript 中删除数组中的元素。

1. 使用`splice()`方法

splice() 方法可以向数组中添加或删除元素，并返回被删除的元素。语法如下：

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

start：指定要删除的元素的起始位置，从 0 开始计数。
deleteCount：可选参数，指定要删除的元素的个数。
item1, item2, ...：可选参数，在指定位置添加新元素。

示例代码如下：

let fruits = ['apple', 'banana', 'cherry', 'date'];
fruits.splice(2, 1); // 从第3个元素开始删除1个元素
console.log(fruits); // 输出：['apple', 'banana', 'date']

2. 使用`pop()`方法

pop() 方法用于从数组中删除最后一个元素，并返回删除的元素。示例代码如下：

let fruits = ['apple', 'banana', 'cherry', 'date'];
fruits.pop(); // 删除最后一个元素
console.log(fruits); // 输出：['apple', 'banana', 'cherry']

3. 使用`shift()`方法

shift() 方法用于从数组中删除第一个元素，并返回删除的元素。示例代码如下：

let fruits = ['apple', 'banana', 'cherry', 'date'];
fruits.shift(); // 删除第一个元素
console.log(fruits); // 输出：['banana', 'cherry', 'date']

4. 使用`filter()`方法

filter() 方法用于创建一个新数组，其中包含通过指定函数的检查的所有元素。可以结合filter()方法来删除数组中的元素。示例代码如下：

let fruits = ['apple', 'banana', 'cherry', 'date'];
fruits = fruits.filter(item => item !== 'cherry');
console.log(fruits); // 输出：['apple', 'banana', 'date']

5. 使用`slice()`方法

slice() 方法返回数组的选定部分，不会修改原始数组。结合slice()方法可以删除指定位置的元素。示例代码如下：

let fruits = ['apple', 'banana', 'cherry', 'date'];
fruits = fruits.slice(0, 2).concat(fruits.slice(3));
console.log(fruits); // 输出：['apple', 'banana', 'date']