在之前的文章《JS數(shù)組學(xué)習(xí)之如何在頭部或尾部插入元素？》中，我們介紹了在數(shù)組的開(kāi)頭和末尾添加元素的方法。既然了解了添加元素的方法，那么也要知道對(duì)應(yīng)的刪除操作，今天我們來(lái)了解一下怎么使用JS去除數(shù)組頭部或尾部的元素。

首先我們來(lái)看看如何刪除數(shù)組頭部的元素？

在JavaScript中，我們可以使用shift()函數(shù)來(lái)在數(shù)組開(kāi)頭刪除元素。array.shift()函數(shù)可以把數(shù)組的第一個(gè)元素從其中刪除，并返回第一個(gè)元素的值；然后將余下所有元素前移 1 位，以填補(bǔ)數(shù)組頭部的空缺。

我們通過(guò)下面的例子來(lái)具體看看：

var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組 a.shift(); console.log(a);

輸出結(jié)果為：

可以看出：上例使用a.shift()來(lái)刪除a數(shù)組開(kāi)頭的數(shù)值1，然后會(huì)重置索引（重新從0開(kāi)始）；且shift()方法會(huì)改變?cè)瓟?shù)組，修改數(shù)組的長(zhǎng)度！因此使用console.log(a)來(lái)輸出原數(shù)組，顯示的是已經(jīng)被刪除開(kāi)頭元素的數(shù)組。

刪除數(shù)組頭部元素的方法我們了解了，接下來(lái)我們看看如何刪除數(shù)組尾部的元素？

刪除數(shù)組尾部元素可以有多種方法，這里會(huì)給大家介紹兩種：一種是使用pop()方法；另一種利用length屬性。

1、使用使用pop()方法—-可以刪除數(shù)組末尾的一個(gè)元素

array.pop()方法可以刪除數(shù)組 array 中最后一個(gè)元素，并返回被刪除的元素。

我們通過(guò)下面的例子來(lái)具體看看：

var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組 a.pop(); console.log(a)

輸出結(jié)果為：

可以看出：上例使用a.pop()來(lái)刪除a數(shù)組末尾的數(shù)值8，然后會(huì)重置索引（重新從0開(kāi)始）；且pop()方法也會(huì)改變?cè)瓟?shù)組，修改數(shù)組的長(zhǎng)度！

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

數(shù)組的length屬性一般是用來(lái)設(shè)置或返回?cái)?shù)組中元素的數(shù)目，即設(shè)置或返回?cái)?shù)組長(zhǎng)度。

我們可以利用設(shè)置數(shù)組長(zhǎng)度的特性，將length屬性的設(shè)置的比原長(zhǎng)度小，即可從數(shù)組尾部刪除一個(gè)或多個(gè)元素；如果值設(shè)置為0，就會(huì)刪除全部數(shù)組，即清空數(shù)組！

我們通過(guò)下面的例子來(lái)具體看看：

var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組 a.length=7; console.log(a)  var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組 a.length=6; console.log(a)  var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組 a.length=3; console.log(a)  var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組 a.length=0; console.log(a)

輸出結(jié)果為：

好了，就說(shuō)到這里了，有需要的可以看：javascript高級(jí)教程