在之前的文章《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高級教程