首頁 >web前端 >前端問答 >es6怎麼刪除陣列中的某一項

es6怎麼刪除陣列中的某一項

青灯夜游
青灯夜游原創
2023-01-16 16:40:496153瀏覽

刪除方法:1、用splice()根據下標刪除任一個元素,語法「arr.splice(index,1)」;2、用delete關鍵字根據下標刪除任一個元素,語法「delete arr[index];」;3、用shift()刪除第一個元素,語法「陣列.shift()」;4、用pop()刪除最後一個元素,語法「陣列.pop()」; 5.用length刪除最後一個元素。

es6怎麼刪除陣列中的某一項

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

在es6中,想要刪除陣列中的任一項(一個元素),可以利用陣列的splice()方法或delete關鍵字。

方法1、splice:刪除後,後面的元素自動填入前面

arr.splice(index, 1) 

範例:現在有陣列  arr=['a','b','c','d']

#
arr.splice(1, 1); //结果arr=['a','c','d'](下标1开始,删除1个)

注意:

在上面的程式碼中,我們要注意,如果想修改arr 的值,直接這樣操作arr 直接就變了,而不要寫arr= arr.splice(1,1),因為splice() 方法的回傳值為刪除掉的元素。

補充:

  • spice增加:
arr.splice(1,0,'str'); //结果arr=['a','str','b','c','d']
  • spice替換:
  • ##
    arr.splice(1,1,'str'); //结果arr=['a','str','c','d']
    spice替換2:
  • arr.splice(1,2,'str'); //结果arr=['a','str','d'](就是说:下标1开始2个换成1个“str”)
    spice刪除多個:
  • arr.splice(1,2); //结果arr=['a','d']

方法2、delete:刪除後,此下標位置元素為undefined

delete arr[index];
範例:

delete arr[1];

es6怎麼刪除陣列中的某一項

空位元素可以讀寫,length 屬性不排斥空位,空元素位元傳回值為 undefined

console.log(arr[1]);

es6怎麼刪除陣列中的某一項

#而如果只是想要刪除第一個或最後一個元素,也可以利用shift()、pop()、length方法。

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

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

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

輸出結果為:

es6怎麼刪除陣列中的某一項

附註:shift()方法會改變原始數組,修改數組的長度!

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

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

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

輸出結果為:

es6怎麼刪除陣列中的某一項

附註:pop()方法也會改變原始數組,修改數組的長度!

方法5:利用length屬性刪除最後一個陣列元素

#陣列的length屬性一般是用來設定或傳回陣列中元素的數目,即設定或傳回數組長度。

我們可以利用設定數組長度的特性,將length屬性的設定的比原長度小,即可從數組尾部刪除一個或多個元素;如果值設為0,就會刪除全部數組,即清空數組!

語法:

陣列物件.length=原始數組長度-1;

#範例:

var a = [1,2,3,4,5,6,7,8];  //定义数组
console.log(a)
a.length=7;
console.log(a)

es6怎麼刪除陣列中的某一項

【推薦學習:

javascript進階教學

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn