JS數組學習如何去除頭部或尾部元素

在先前的文章《JS陣列學習如何在頭部或尾部插入元素？ 》中，我們介紹了在數組的開頭和末尾添加元素的方法。既然了解了添加元素的方法，那麼也要知道對應的刪除操作，今天我們來了解如何使用JS去除數組頭部或尾部的元素。

首先我們來看看如何刪除陣列頭部的元素？

在JavaScript中，我們可以使用shift()函數來在陣列開頭刪除元素。 array.shift()函數可以把陣列的第一個元素從其中刪除，並傳回第一個元素的值；然後將剩下所有元素前移1 位，以填補陣列頭部的空缺。

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

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

輸出結果為：

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

刪除數組頭部元素的方法我們了解了，接下來我們看看如何刪除數組尾部的元素？

刪除陣列尾端元素可以有多種方法，這裡會給大家介紹兩種：一種是使用pop()方法；另一種利用length屬性。

1、使用pop()方法----可以刪除陣列末端的一個元素

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

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

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

輸出結果為：

可以看出：上例使用a.pop()來刪除a數組末尾的數值8，然後會重置索引（重新從0開始）；且pop()方法也會改變原始數組，修改數組的長度！

2、利用length屬性----可以刪除數組末尾的一個或多個元素（甚至是清空數組）

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

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

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

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

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

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

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

#輸出結果是：

了，就說到這裡了，有需要的可以看：javascript高階教學

以上是JS數組學習如何去除頭部或尾部元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！