JavaScript 數(shù)組刪除元素的方法及示例
當(dāng)我們?cè)陂_發(fā) JavaScript 的時(shí)候,需要對(duì)數(shù)組進(jìn)行操作,其中最常見的操作就是增刪改查。本文將重點(diǎn)介紹如何刪除數(shù)組中的元素,并提供多種刪除數(shù)組元素的方法。使用 pop() 方法刪除數(shù)組元素pop
當(dāng)我們?cè)陂_發(fā) JavaScript 的時(shí)候,需要對(duì)數(shù)組進(jìn)行操作,其中最常見的操作就是增刪改查。本文將重點(diǎn)介紹如何刪除數(shù)組中的元素,并提供多種刪除數(shù)組元素的方法。
使用 pop() 方法刪除數(shù)組元素
pop() 方法可以從數(shù)組末尾刪除元素,并返回被刪除的元素值。示例如下:
```
let a1 [1, 2, 3, 4, 5];
let deleted a1.pop(); // 刪除數(shù)組最后一個(gè)元素
console.log(a1); // 輸出 [1, 2, 3, 4]
console.log(deleted); // 輸出 5
```
使用 shift() 方法刪除數(shù)組元素
shift() 方法可以從數(shù)組頭部開始刪除元素,并返回被刪除的元素值。示例如下:
```
let a2 [1, 2, 3, 4, 5];
let deleted (); // 刪除數(shù)組第一個(gè)元素
console.log(a2); // 輸出 [2, 3, 4, 5]
console.log(deleted); // 輸出 1
```
使用 splice() 方法刪除數(shù)組元素
splice() 方法可以從指定位置開始刪除指定數(shù)量的元素,并返回被刪除的元素值。示例如下:
```
let a3 [1, 2, 3, 4, 5];
let deleted a3.splice(1, 2); // 從數(shù)組下標(biāo) 1 開始刪除 2 個(gè)元素
console.log(a3); // 輸出 [1, 4, 5]
console.log(deleted); // 輸出 [2, 3]
```
使用 forEach() 循環(huán)方法結(jié)合 splice() 方法刪除數(shù)組元素
forEach() 方法可以對(duì)數(shù)組中的元素進(jìn)行循環(huán)遍歷,結(jié)合 splice() 方法可以實(shí)現(xiàn)根據(jù)元素值刪除元素。示例如下:
```
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() 方法刪除數(shù)組元素
filter() 方法可以創(chuàng)建一個(gè)新數(shù)組,其中包含滿足條件的原數(shù)組元素,并返回新數(shù)組。結(jié)合 ! 符號(hào)可以實(shí)現(xiàn)過濾掉滿足條件的原數(shù)組元素,達(dá)到刪除元素的目的。示例如下:
```
let a5 [1, 2, 3, 4, 5];
a5 (function(element) {
return element ! 3;
});
console.log(a5); // 輸出 [1, 2, 4, 5]
```
使用 delete 關(guān)鍵字刪除數(shù)組元素
delete 關(guān)鍵字可以直接刪除指定位置的數(shù)組元素,但是這樣會(huì)在數(shù)組中留下一個(gè)空洞。示例如下:
```
let a6 [1, 2, 3, 4, 5];
delete a6[1]; // 刪除下標(biāo)為 1 的元素
console.log(a6); // 輸出 [1, undefined, 3, 4, 5]
```
以上就是 JavaScript 中刪除數(shù)組元素的多種方法,我們可以根據(jù)具體需求選擇不同的方法來實(shí)現(xiàn)數(shù)組元素的刪除。