這篇文章主要講解了“es6如何刪除數(shù)組中的元素”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“es6如何刪除數(shù)組中的元素”吧!
我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、臨澧ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的臨澧網(wǎng)站制作公司
刪除方法:1、用shift()刪除第一個元素,語法“arr.shift()”;2、用pop()刪除最后一個元素,語法“arr.pop()”;3、用splice()根據(jù)下標(biāo)刪除任意元素,語法“arr.splice(開始下標(biāo),刪除元素個數(shù))”。
本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。
在JavaScript中,刪除數(shù)組元素有多種方法,下面給大家介紹一些。
方法1:使用shift()函數(shù)刪除第一個數(shù)組元素
array.shift()函數(shù)可以把數(shù)組的第一個元素從其中刪除,并返回第一個元素的值;然后將余下所有元素前移 1 位,以填補(bǔ)數(shù)組頭部的空缺。
var a = [1,2,3,4,5,6,7,8]; //定義數(shù)組 a.shift(); console.log(a);
輸出結(jié)果為:
可以看出:上例使用a.shift()來刪除a數(shù)組開頭的數(shù)值1,然后會重置索引(重新從0開始);且shift()方法會改變原數(shù)組,修改數(shù)組的長度!因此使用console.log(a)
來輸出原數(shù)組,顯示的是已經(jīng)被刪除開頭元素的數(shù)組。
方法2:使用pop()刪除最后一個數(shù)組元素
array.pop()方法可以刪除數(shù)組 array 中最后一個元素,并返回被刪除的元素。
var a = [1,2,3,4,5,6,7,8]; //定義數(shù)組 a.pop(); console.log(a)
輸出結(jié)果為:
可以看出:上例使用a.pop()
來刪除a數(shù)組末尾的數(shù)值8,然后會重置索引(重新從0開始);且pop()方法也會改變原數(shù)組,修改數(shù)組的長度!
方法3:使用 splice() 根據(jù)數(shù)組下標(biāo)刪除任意元素
使用splice()可以從指定下標(biāo)位置開始刪除一個或多個元素。
刪除元素的語法:
array.splice(index,howmany)
第1個參數(shù) index
可以指定起始下標(biāo)位置(即開始刪除元素的位置);
第2個參數(shù) howmany
指定應(yīng)該刪除的元素數(shù)目(即需要刪除的一個或多個元素)。
我們通過下面的例子來具體看看:
var arr= [1,2,3,4,5]; console.log(arr); arr.splice(1,2); console.log(arr);
可以看出:使用arr.splice(1,2)
從下標(biāo)1的位置(數(shù)組第2個元素)開始刪除2個元素,也就是刪除了arr[1]
和arr[2]
,因此輸出結(jié)果為:
利用splice() 方法我們也可以實現(xiàn)在數(shù)組開頭和末尾刪除元素的操作:
如果想要在數(shù)組開頭刪除元素,就設(shè)置該方法第1個參數(shù)index的值為0即可
var arr= [1,2,3,4,5]; console.log(arr); arr.splice(0,2); console.log(arr);
如果想要在數(shù)組末尾刪除元素,就設(shè)置該方法第1個參數(shù)index的值為負(fù)數(shù),那么就會按絕對值從數(shù)組右側(cè)開始向左側(cè)定位;且第2個參數(shù) howmany的值要 等于 index的值。
var arr= [1,2,3,4,5]; console.log(arr); //從倒數(shù)第二個元素開始,截取兩個元素 arr.splice(-2,2); console.log(arr);
感謝各位的閱讀,以上就是“es6如何刪除數(shù)組中的元素”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對es6如何刪除數(shù)組中的元素這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!