JavaScript 数组删除元素的方法及示例
当我们在开发 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 中删除数组元素的多种方法,我们可以根据具体需求选择不同的方法来实现数组元素的删除。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。