方法：1、使用delete，語(yǔ)法“delete arr[刪除元素的下標(biāo)]”；2、使用pop()，語(yǔ)法“arr.pop()”；3、使用splice()，語(yǔ)法“arr.splice(開(kāi)始位置,刪除項(xiàng)數(shù))”；4、使用prototype原型方法。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

在JavaScript中，除了Object之外，Array類型（數(shù)組）恐怕就是最常用的類型了。與其他語(yǔ)言的數(shù)組相比，JavaScript中的Array非常靈活。這種靈活性有利有弊，好處是其富有創(chuàng)造性，可以提供各種靈活的解決方案；壞處是容易腦子不夠用，因?yàn)槭聦?shí)上，它太靈活了，靈活到無(wú)法控制的抓狂。

前面調(diào)侃了幾句，回歸正題，這里要總結(jié)5個(gè)在JavaScript中刪除Array元素的方法，分別是利用delete關(guān)鍵字、pop()棧方法、shift()隊(duì)列方法、splice()操作方法和prototype原型方法。

delete關(guān)鍵字

JavaScript提供了一個(gè)delete關(guān)鍵字用來(lái)刪除（清除）數(shù)組元素。

var colors = ["red", "blue", "grey", "green"]; delete colors[0]; console.log(colors); // [undefined, "blue", "grey", "green"]

要注意的是，使用delete刪除元素之后數(shù)組長(zhǎng)度不變，只是被刪除元素被置為undefined了。

pop()棧方法

JavaScript中的Array對(duì)象提供了一個(gè)pop()棧方法用于彈出并返回?cái)?shù)組中的最后一項(xiàng)，某種程度上可以當(dāng)做刪除用。

棧數(shù)據(jù)結(jié)構(gòu)的訪問(wèn)規(guī)則是FILO（先進(jìn)后出），棧操作在棧頂添加項(xiàng)，從棧頂移除項(xiàng)，使用pop()方法，它能移除數(shù)組中的最后一項(xiàng)并返回該項(xiàng)，并且數(shù)組的長(zhǎng)度減1。

var colors = ["red", "blue", "grey"]; var color = colors.pop(); console.log(color); // "grey" console.log(colors.length); // 2

可以看出，在調(diào)用pop()方法時(shí)，數(shù)組返回最后一項(xiàng)，即”grey”，數(shù)組的元素也僅剩兩項(xiàng)。

splice()操作方法

在JavaScript的Array對(duì)象中提供了一個(gè)splice()方法用于對(duì)數(shù)組進(jìn)行特定的操作。splice()恐怕要算最強(qiáng)大的數(shù)組方法了，他的用法有很多種，在此只介紹刪除數(shù)組元素的方法。在刪除數(shù)組元素的時(shí)候，它可以刪除任意數(shù)量的項(xiàng)，只需要指定2個(gè)參數(shù)：要?jiǎng)h除的第一項(xiàng)的位置和要?jiǎng)h除的項(xiàng)數(shù)。

var colors = ["red", "blue", "grey"]; var color = colors.splice(0, 1); console.log(color); // "red" console.log(colors); // ["blue", "grey"]

可以看出，在調(diào)用了splice(0, 1)方法時(shí)，數(shù)組從第一項(xiàng)開(kāi)始，刪除了一項(xiàng)。

prototype原型方法

可以通過(guò)在Array的原型上添加方法來(lái)達(dá)到刪除的目的。

Array.prototype.remove = function(dx) {　　 if(isNaN(dx) || dx > this.length){ 　　　　return false; 　　} 　　for(var i = 0, n = 0; 　　 i < this.length; i++) { 　　　　if(this[i] != this[dx]) {　　　　　　 　　　　this[n++] = this[i]; 　　　　} 　　}　　this.length -= 1; }; var colors = ["red", "blue", "grey"]; colors.remove(1); console.log(colors); // ["red", "grey"]

這種方法其實(shí)就是自己實(shí)現(xiàn)一個(gè)刪除的邏輯，然后把刪除方法添加給了Array的原型對(duì)象，則在此環(huán)境中的所有Array對(duì)象都可以使用該方法。盡管可以這么做，但是不推薦在產(chǎn)品化的程序中修改原生對(duì)象的原型。道理很簡(jiǎn)單，如果只是某個(gè)實(shí)現(xiàn)中缺少某個(gè)方法，就在原生對(duì)象的原型中添加這個(gè)方法，那么當(dāng)在另一個(gè)支持該方法的實(shí)現(xiàn)中運(yùn)行代碼時(shí)，就可能導(dǎo)致命名沖突。而且這樣做可能會(huì)意外地導(dǎo)致原生方法被重寫(xiě)。

shift()隊(duì)列方法

JavaScript中的Array對(duì)象提供了一個(gè)shift()隊(duì)列方法用于彈出并返回?cái)?shù)組中的第一項(xiàng)，某種程度上也可以當(dāng)做刪除用。

隊(duì)列數(shù)據(jù)結(jié)構(gòu)的訪問(wèn)規(guī)則是FIFO（先進(jìn)先出），隊(duì)列在列表的末端添加項(xiàng)，從列表的前端移除項(xiàng)，使用shift()方法，它能夠移除數(shù)組中的第一個(gè)項(xiàng)并返回該項(xiàng)，并且數(shù)組的長(zhǎng)度減1。

var colors = ["red", "blue", "grey"]; var color = colors.shift(); console.log(color); // "red" console.log(colors.length); // 2

可以看出，在調(diào)用shift()方法時(shí)，數(shù)組返回第一項(xiàng)，即”red”，數(shù)組的元素也僅剩兩項(xiàng)。

相關(guān)學(xué)習(xí)推薦：javascript（視頻）