es6陣列怎麼刪除最後一個元素

2022-10-27 22:01:51

4種刪除方法:1、利用length屬性刪除最後一個陣列元素,語法「array.length=原陣列長度-1;」;2、利用delete運運算元刪除最後一個陣列元素,語法「delete 陣列名[陣列長度-1];」;3、使用pop()刪除最後一個陣列元素,語法「array.pop()」;4、使用splice()刪除最後一個陣列元素,語法「array.splice(-1,1)」。

前端(vue)入門到精通課程:進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API偵錯工具:

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

es6陣列刪除最後一個元素的幾種方法

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

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

我們可以利用設定陣列長度的特性,將length屬性的設定的比原長度小,即可從陣列尾部刪除一個陣列元素。

語法:array.length=原陣列長度-1;

範例:

var a = [1,2,3,4,5,6,7,8];  //定義陣列
console.log(a)
a.length=7;
console.log(a)
登入後複製

1.png

方法2:利用delete運運算元刪除最後一個陣列元素

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

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

只需要利用下標存取到最後一個陣列元素,並利用 delete運運算元 來刪除該元素即可。

語法:delete 陣列名[陣列長度-1];

範例:

var arr=new Array("香蕉","蘋果","梨子","橙子","橘子","榴蓮");
console.log(arr);
delete arr[arr.length-1];  //刪除最後一個陣列元素
console.log(arr);
登入後複製

2.png

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

pop() 方法用於刪除陣列的最後一個元素並返回刪除的元素。

語法:array.pop()

注意:此方法改變陣列的長度!

範例:

var arr=new Array("香蕉","蘋果","梨子","橙子","橘子","榴蓮");
console.log(arr);
arr.pop();
console.log(arr);
登入後複製

3.png

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

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

刪除元素的語法:

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

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

只需要將第2個引數 howmany 設定為1,即刪除任意index位置的一個元素。

如果想要刪除最後一個陣列元素,就設定該方法第1個引數index的值為負數(-1),那麼就會按絕對值從陣列右側開始向左側定位;而第2個引數 howmany的值要 等於 index的絕對值,也設定為1,也可省略。

範例:

var arr=new Array("香蕉","蘋果","梨子","橙子","橘子","榴蓮",2,3);
console.log(arr);
arr.splice(-1,1);
console.log(arr);
登入後複製

4.png

【相關推薦:、】

以上就是es6陣列怎麼刪除最後一個元素的詳細內容,更多請關注TW511.COM其它相關文章!