首頁 > web前端 > 前端問答 > es6怎麼刪除陣列中的元素

es6怎麼刪除陣列中的元素

青灯夜游
發布: 2022-06-08 17:03:57
原創
7417 人瀏覽過

刪除方法:1、用shift()刪除第一個元素,語法「arr.shift()」;2、用pop()刪除最後一個元素,語法「arr.pop()」; 3.用splice()依下標刪除任意元素,語法「arr.splice(開始下標,刪除元素個數)」。

es6怎麼刪除陣列中的元素

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

在JavaScript中,刪除陣列元素有多種方法,以下要為大家介紹一些。

方法1:使用shift()函數刪除第一個陣列元素

#array.shift()函數可以把陣列的第一個元素從其中刪除,並傳回第一個元素的值;然後將餘下所有元素前移1 位,以填補數組頭部的空缺。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
登入後複製

輸出結果為:

es6怎麼刪除陣列中的元素

可以看出:上例使用a.shift()來刪除a陣列開頭的數值1,然後會重置索引(重新從0開始);且shift()方法會改變原數組,修改數組的長度!因此使用console.log(a)來輸出原始數組,顯示的是已經刪除開頭元素的數組。

方法2:使用pop()刪除最後一個陣列元素

#array.pop()方法可以刪除陣列array 中最後一個元素,並傳回被刪除的元素。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)
登入後複製

輸出結果為:

es6怎麼刪除陣列中的元素

可以看出:上例使用a.pop()來刪除a陣列結尾的數值8,然後會重置索引(重新從0開始);且pop()方法也會改變原數組,修改數組的長度!

方法3:使用 splice() 根據陣列下標刪除任意元素

使用splice()可以從指定下標位置開始刪除一個或多個元素。

刪除元素的語法:

array.splice(index,howmany)
登入後複製
  • 第1個參數 index 可以指定起始下標位置(即開始刪除元素的位置) ;

  • 第2個參數 howmany 指定應該刪除的元素數目(即需要刪除的一個或多個元素)。

我們透過下面的例子來具體看看:

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);
登入後複製

可以看出:使用arr.splice(1,2)從下標1的位置(陣列第2個元素)開始刪除2個元素,也就是刪除了arr[1]arr[2],因此輸出結果為:

es6怎麼刪除陣列中的元素

利用splice() 方法我們也可以實作在陣列開頭和結尾刪除元素的操作:

  • 如果想要在陣列一開始刪除元素,就設定該方法第1個參數index的值為0即可

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,2);
console.log(arr);
登入後複製

es6怎麼刪除陣列中的元素

  • 如果想要在陣列最後刪除元素,就設定該方法第1個參數index的值為負數,那麼就會以絕對值從陣列右邊開始向左側定位;且第2個參數howmany的值要等於 index的值。

var arr= [1,2,3,4,5];
console.log(arr);

//从倒数第二个元素开始,截取两个元素
arr.splice(-2,2);
console.log(arr);
登入後複製

es6怎麼刪除陣列中的元素

【相關推薦:javascript影片教學web前端

以上是es6怎麼刪除陣列中的元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板