es6怎麼刪除一個陣列元素

青灯夜游
發布: 2022-10-11 18:11:59
原創
4077 人瀏覽過

方法:1、用shift()刪除第一個元素,語法「陣列.shift()」;2、用pop()刪除最後一個元素,語法「陣列.pop()」;3 、用length刪除最後一個元素,語法「數組.length=原始數組長度-1」;4、用delete刪除指定下標的一個元素,語法「delete 數組名[下標]」;5、用splice()刪除任意位置的一個元素,語法「數組.splice(位置,1)」。

es6怎麼刪除一個陣列元素

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

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

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

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

輸出結果為:

es6怎麼刪除一個陣列元素

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

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

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

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

輸出結果為:

es6怎麼刪除一個陣列元素

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

方法3:利用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怎麼刪除一個陣列元素

方法4:利用delete運算子刪除指定下標的一個元素

我們都知道陣列中的每個元素都有一個序號,這個序號從0開始,被稱為下標(Index)。根據這個陣列下標,我們可以使用 陣列名[下標] 的形式來存取指定下標的元素。

存取到指定元素後,就可以利用 delete運算子來刪除該元素,但陣列長度不會改變;刪除後的該元素會變為空位元素,

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);

delete arr[1];  //删除下标为1的元素(第二个元素)
console.log(arr);
登入後複製

es6怎麼刪除一個陣列元素

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

console.log(arr[1]);
登入後複製

es6怎麼刪除一個陣列元素

說明:空元素與元素的值為 undefined 是兩個不同的概念,即使空元素的回傳值也是 undefined。 JavaScript 在初始化陣列時,只有真正儲存有值得元素才可以分配記憶體。

方法5:使用splice() 刪除任意位置的一個元素

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

刪除元素的語法:

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

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

只需要將第2個參數 howmany 設為1,也就是刪除任一index位置的一個元素。

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

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

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

es6怎麼刪除一個陣列元素

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

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

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

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

es6怎麼刪除一個陣列元素

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

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

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

es6怎麼刪除一個陣列元素

【相关推荐:javascript视频教程web前端

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

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