您好,登錄后才能下訂單哦!
本篇文章為大家展示了JavaScript中怎么實(shí)現(xiàn)數(shù)組元素刪除操作,內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。
JavaScript數(shù)組元素刪除問(wèn)題
vararr=['a','b','c'];
若要?jiǎng)h除其中的'b',有兩種方法:
1.delete方法:deletearr[1]
這種方式JavaScript數(shù)組長(zhǎng)度不變,此時(shí)arr[1]變?yōu)閡ndefined了,但是也有好處原來(lái)JavaScript數(shù)組的索引也保持不變,此時(shí)要遍歷JavaScript數(shù)組元素可以才用
for(indexinarr)
document.write('arr['+index+']='+arr[index]);
這種遍歷方式跳過(guò)其中undefined的元素
◆該方式IE4.o以后都支持了
2.JavaScript數(shù)組對(duì)象splice方法:arr.splice(1,1);
這種方式JavaScript數(shù)組長(zhǎng)度相應(yīng)改變,但是原來(lái)的JavaScript數(shù)組索引也相應(yīng)改變
splice參數(shù)中***個(gè)1,是刪除的起始索引(從0算起),在此是JavaScript數(shù)組第二個(gè)元素
第二個(gè)1,是刪除元素的個(gè)數(shù),在此只刪除一個(gè)元素,即'b';
此時(shí)遍歷JavaScript數(shù)組元素可以用普通遍歷JavaScript數(shù)組的方式,比如for,因?yàn)閯h除的元素在
JavaScript數(shù)組中并不保留
◆該方法IE5.5以后才支持
值得一提的是splice方法在刪除JavaScript數(shù)組元素的同時(shí),還可以新增入JavaScript數(shù)組元素
比如arr.splice(1,1,'d','e'),d,e兩個(gè)元素就被加入JavaScript數(shù)組arr了
結(jié)果JavaScript數(shù)組變成arr:'a','d','e','c'
<big>外一篇:</big>
JavaScript通過(guò)設(shè)置JavaScript數(shù)組的length屬性來(lái)截?cái)郕avaScript數(shù)組是惟一一種縮短JavaScript數(shù)組長(zhǎng)度的方法.如果使用delete運(yùn)算符來(lái)刪除JavaScript數(shù)組中元素,雖然那個(gè)元素變成未定義的,但是JavaScript數(shù)組的length屬性并不改變兩種刪除元素,JavaScript數(shù)組長(zhǎng)度也改變的方法.
/* * 方法:Array.remove(dx) * 功能:刪除JavaScript數(shù)組元素. * 參數(shù):dx刪除元素的下標(biāo). * 返回:在原JavaScript數(shù)組上修改JavaScript數(shù)組 */ //經(jīng)常用的是通過(guò)遍歷,重構(gòu)JavaScript數(shù)組. Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){returnfalse;} for(vari=0,n=0;i<this.length;i++) { if(this[i]!=this[dx]) { this[n++]=this[i] } } this.length-=1 } a=['1','2','3','4','5']; alert("elements:"+a+"nLength:"+a.length); a.remove(0);//刪除下標(biāo)為0的元素 alert("elements:"+a+"nLength:"+a.length); /* * 方法:Array.baoremove(dx) * 功能:刪除JavaScript數(shù)組元素. * 參數(shù):dx刪除元素的下標(biāo). * 返回:在原JavaScript數(shù)組上修改JavaScript數(shù)組. */ //我們也可以用splice來(lái)實(shí)現(xiàn). Array.prototype.baoremove=function(dx) { if(isNaN(dx)||dx>this.length){returnfalse;} this.splice(dx,1); } b=['1','2','3','4','5']; alert("elements:"+b+"nLength:"+b.length); b.baoremove(1);//刪除下標(biāo)為1的元素 alert("elements:"+b+"nLength:"+b.length);
我們知道,在IE5或更低的版本中,JavaScript的Array(JavaScript數(shù)組)對(duì)象并未提供現(xiàn)成的刪除JavaScript數(shù)組元素的方法。在IE5.5+的版本中,雖然有splice方法,但是并不是刪除某一項(xiàng)(或幾項(xiàng)),而僅僅是將某一項(xiàng)(或幾項(xiàng))的值清除,也就是說(shuō)該項(xiàng)仍然存在,JavaScript數(shù)組的長(zhǎng)度并沒(méi)有改變。
事實(shí)上,我們可以自己為JavaScript數(shù)組增加一個(gè)刪除方法(注意,這里指的是將JavaScript數(shù)組的某一項(xiàng)真正的從JavaScript數(shù)組成員中移除)。或許你會(huì)想到用循環(huán)來(lái)為JavaScript數(shù)組重新賦值,這樣做當(dāng)然可以,但效率很低。
下面我們介紹利用Array對(duì)象的兩個(gè)方法slice、concat來(lái)自定義刪除JavaScript數(shù)組的方法。
具體代碼如下,請(qǐng)注意里面的注釋。
-------------------------------------------------------------- Array.prototype.del=function(n){ //n表示第幾項(xiàng),從0開(kāi)始算起。 //prototype為對(duì)象原型,注意這里為對(duì)象增加自定義方法的方法。 if(n<0) //如果n<0,則不進(jìn)行任何操作。 returnthis; else returnthis.slice(0,n).concat(this.slice(n+1,this.length)); /* concat方法:返回一個(gè)新JavaScript數(shù)組,這個(gè)新JavaScript數(shù)組是由兩個(gè)或更多JavaScript數(shù)組組合而成的。 這里就是返回this.slice(0,n)/this.slice(n+1,this.length) 組成的新JavaScript數(shù)組,這中間,剛好少了第n項(xiàng)。 slice方法:返回一個(gè)JavaScript數(shù)組的一段,兩個(gè)參數(shù),分別指定開(kāi)始和結(jié)束的位置。 */ } //我們來(lái)試一試這個(gè)自己增加的方法 vartest=newArray(0,1,2,3,4,5); testtest=test.del(3); //從0算起,這里也就是刪除第4項(xiàng)。 alert(test);
上述內(nèi)容就是JavaScript中怎么實(shí)現(xiàn)數(shù)組元素刪除操作,你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。