2016 - 2025

感恩一路有你

JavaScript 数组删除元素的方法及示例

浏览量:4370 时间:2024-06-13 20:26:21 作者:采采

当我们在开发 JavaScript 的时候,需要对数组进行操作,其中最常见的操作就是增删改查。本文将重点介绍如何删除数组中的元素,并提供多种删除数组元素的方法。

使用 pop() 方法删除数组元素

pop() 方法可以从数组末尾删除元素,并返回被删除的元素值。示例如下:

```

let a1 [1, 2, 3, 4, 5];

let deleted a1.pop(); // 删除数组最后一个元素

console.log(a1); // 输出 [1, 2, 3, 4]

console.log(deleted); // 输出 5

```

使用 shift() 方法删除数组元素

shift() 方法可以从数组头部开始删除元素,并返回被删除的元素值。示例如下:

```

let a2 [1, 2, 3, 4, 5];

let deleted (); // 删除数组第一个元素

console.log(a2); // 输出 [2, 3, 4, 5]

console.log(deleted); // 输出 1

```

使用 splice() 方法删除数组元素

splice() 方法可以从指定位置开始删除指定数量的元素,并返回被删除的元素值。示例如下:

```

let a3 [1, 2, 3, 4, 5];

let deleted a3.splice(1, 2); // 从数组下标 1 开始删除 2 个元素

console.log(a3); // 输出 [1, 4, 5]

console.log(deleted); // 输出 [2, 3]

```

使用 forEach() 循环方法结合 splice() 方法删除数组元素

forEach() 方法可以对数组中的元素进行循环遍历,结合 splice() 方法可以实现根据元素值删除元素。示例如下:

```

let a4 [1, 2, 3, 4, 5];

(function(element, index) {

if (element 3) {

a4.splice(index, 1);

}

});

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

```

使用 filter() 方法删除数组元素

filter() 方法可以创建一个新数组,其中包含满足条件的原数组元素,并返回新数组。结合 ! 符号可以实现过滤掉满足条件的原数组元素,达到删除元素的目的。示例如下:

```

let a5 [1, 2, 3, 4, 5];

a5 (function(element) {

return element ! 3;

});

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

```

使用 delete 关键字删除数组元素

delete 关键字可以直接删除指定位置的数组元素,但是这样会在数组中留下一个空洞。示例如下:

```

let a6 [1, 2, 3, 4, 5];

delete a6[1]; // 删除下标为 1 的元素

console.log(a6); // 输出 [1, undefined, 3, 4, 5]

```

以上就是 JavaScript 中删除数组元素的多种方法,我们可以根据具体需求选择不同的方法来实现数组元素的删除。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。