方法:1、使用delete,語法“delete arr[刪除元素的下標(biāo)]”;2、使用pop(),語法“arr.pop()”;3、使用splice(),語法“arr.splice(開始位置,刪除項數(shù))”;4、使用prototype原型方法。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
在JavaScript中,除了Object之外,Array類型(數(shù)組)恐怕就是最常用的類型了。與其他語言的數(shù)組相比,JavaScript中的Array非常靈活。這種靈活性有利有弊,好處是其富有創(chuàng)造性,可以提供各種靈活的解決方案;壞處是容易腦子不夠用,因為事實上,它太靈活了,靈活到無法控制的抓狂。
前面調(diào)侃了幾句,回歸正題,這里要總結(jié)5個在JavaScript中刪除Array元素的方法,分別是利用delete關(guān)鍵字、pop()棧方法、shift()隊列方法、splice()操作方法和prototype原型方法。
delete關(guān)鍵字
JavaScript提供了一個delete
關(guān)鍵字用來刪除(清除)數(shù)組元素。
var colors = ["red", "blue", "grey", "green"]; delete colors[0]; console.log(colors); // [undefined, "blue", "grey", "green"]
要注意的是,使用delete刪除元素之后數(shù)組長度不變,只是被刪除元素被置為undefined
了。
pop()棧方法
JavaScript中的Array對象提供了一個pop()
棧方法用于彈出并返回數(shù)組中的最后一項,某種程度上可以當(dāng)做刪除用。
棧數(shù)據(jù)結(jié)構(gòu)的訪問規(guī)則是FILO
(先進后出),棧操作在棧頂添加項,從棧頂移除項,使用pop()方法,它能移除數(shù)組中的最后一項并返回該項,并且數(shù)組的長度減1。
var colors = ["red", "blue", "grey"]; var color = colors.pop(); console.log(color); // "grey" console.log(colors.length); // 2
可以看出,在調(diào)用pop()方法時,數(shù)組返回最后一項,即”grey”,數(shù)組的元素也僅剩兩項。
splice()操作方法
在JavaScript的Array對象中提供了一個splice()
方法用于對數(shù)組進行特定的操作。splice()恐怕要算最強大的數(shù)組方法了,他的用法有很多種,在此只介紹刪除數(shù)組元素的方法。在刪除數(shù)組元素的時候,它可以刪除任意數(shù)量的項,只需要指定2個參數(shù):要刪除的第一項的位置和要刪除的項數(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ù)組從第一項開始,刪除了一項。
prototype原型方法
可以通過在Array的原型上添加方法來達到刪除的目的。
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"]
這種方法其實就是自己實現(xiàn)一個刪除的邏輯,然后把刪除方法添加給了Array的原型對象,則在此環(huán)境中的所有Array對象都可以使用該方法。盡管可以這么做,但是不推薦在產(chǎn)品化的程序中修改原生對象的原型。道理很簡單,如果只是某個實現(xiàn)中缺少某個方法,就在原生對象的原型中添加這個方法,那么當(dāng)在另一個支持該方法的實現(xiàn)中運行代碼時,就可能導(dǎo)致命名沖突。而且這樣做可能會意外地導(dǎo)致原生方法被重寫。
shift()隊列方法
JavaScript中的Array對象提供了一個shift()
隊列方法用于彈出并返回數(shù)組中的第一項,某種程度上也可以當(dāng)做刪除用。
隊列數(shù)據(jù)結(jié)構(gòu)的訪問規(guī)則是FIFO
(先進先出),隊列在列表的末端添加項,從列表的前端移除項,使用shift()方法,它能夠移除數(shù)組中的第一個項并返回該項,并且數(shù)組的長度減1。
var colors = ["red", "blue", "grey"]; var color = colors.shift(); console.log(color); // "red" console.log(colors.length); // 2
可以看出,在調(diào)用shift()方法時,數(shù)組返回第一項,即”red”,數(shù)組的元素也僅剩兩項。
相關(guān)學(xué)習(xí)推薦:javascript(視頻)