你對JavaScript數組元素的刪除方法是否熟悉，這里和大家分享一下，希望通過本文的學習你對JavaScript數組元素的刪除

JavaScript數組元素刪除問題

vararr=['a','b','c'];

　　若要刪除其中的'b',有兩種方法：

1.delete方法:deletearr[1]

　　這種方式JavaScript數組長度不變,此時arr[1]變為undefined了,但是也有好處原來JavaScript數組的索引也保持不變,此時要遍歷JavaScript數組元素可以才用

　　for(indexinarr)

　　document.write('arr['+index+']='+arr[index]);

　　這種遍歷方式跳過其中undefined的元素

　　◆該方式IE4.o以后都支持了

2.JavaScript數組對象splice方法:arr.splice(1,1);

　　這種方式JavaScript數組長度相應改變,但是原來的JavaScript數組索引也相應改變

　　splice參數中***個1,是刪除的起始索引(從0算起),在此是JavaScript數組第二個元素

　　第二個1,是刪除元素的個數,在此只刪除一個元素,即'b';

　　此時遍歷JavaScript數組元素可以用普通遍歷JavaScript數組的方式,比如for,因為刪除的元素在

　　JavaScript數組中并不保留

　　◆該方法IE5.5以后才支持

　　值得一提的是splice方法在刪除JavaScript數組元素的同時,還可以新增入JavaScript數組元素

　　比如arr.splice(1,1,'d','e'),d,e兩個元素就被加入JavaScript數組arr了

　　結果JavaScript數組變成arr:'a','d','e','c'　

　　<big>外一篇：</big>

　　JavaScript通過設置JavaScript數組的length屬性來截斷JavaScript數組是惟一一種縮短JavaScript數組長度的方法.如果使用delete運算符來刪除JavaScript數組中元素,雖然那個元素變成未定義的,但是JavaScript數組的length屬性并不改變兩種刪除元素,JavaScript數組長度也改變的方法. 

　/*  
　*　方法:Array.remove(dx)  
　*　功能:刪除JavaScript數組元素.  
　*　參數:dx刪除元素的下標.  
　*　返回:在原JavaScript數組上修改JavaScript數組  
　*/  
　　  
　//經常用的是通過遍歷,重構JavaScript數組.  
　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);//刪除下標為0的元素  
　alert("elements:"+a+"nLength:"+a.length);  
　　  
　/*  
　*　方法:Array.baoremove(dx)  
　*　功能:刪除JavaScript數組元素.  
　*　參數:dx刪除元素的下標.  
　*　返回:在原JavaScript數組上修改JavaScript數組.  
　*/  
　　  
　//我們也可以用splice來實現.  
　　  
　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);//刪除下標為1的元素  
　alert("elements:"+b+"nLength:"+b.length);  
 

 我們知道，在IE5或更低的版本中，JavaScript的Array（JavaScript數組）對象并未提供現成的刪除JavaScript數組元素的方法。在IE5.5+的版本中，雖然有splice方法，但是并不是刪除某一項（或幾項），而僅僅是將某一項（或幾項）的值清除，也就是說該項仍然存在，JavaScript數組的長度并沒有改變。

　　事實上，我們可以自己為JavaScript數組增加一個刪除方法（注意，這里指的是將JavaScript數組的某一項真正的從JavaScript數組成員中移除）。或許你會想到用循環來為JavaScript數組重新賦值，這樣做當然可以，但效率很低。#p#

　　下面我們介紹利用Array對象的兩個方法slice、concat來自定義刪除JavaScript數組的方法。

　　具體代碼如下，請注意里面的注釋。

--------------------------------------------------------------  
Array.prototype.del=function(n){　//n表示第幾項，從0開始算起。  
//prototype為對象原型，注意這里為對象增加自定義方法的方法。  
　if(n<0)　//如果n<0，則不進行任何操作。  
　　returnthis;  
　else  
　　returnthis.slice(0,n).concat(this.slice(n+1,this.length));  
　　/*  
　　　concat方法：返回一個新JavaScript數組，
這個新JavaScript數組是由兩個或更多JavaScript數組組合而成的。  
這里就是返回this.slice(0,n)/this.slice(n+1,this.length)  
　　　組成的新JavaScript數組，這中間，剛好少了第n項。  
slice方法：返回一個JavaScript數組的一段，兩個參數，分別指定開始和結束的位置。  
　　*/  
}  
//我們來試一試這個自己增加的方法  
vartest=newArray(0,1,2,3,4,5);  
testtest=test.del(3);　//從0算起，這里也就是刪除第4項。  
alert(test); 

　　這樣，僅僅靈活運用了Array對象的兩個方法，就實現了我們的要求。
 

【編輯推薦】

1. 詳細說明Javascript匿名函數技巧與文章
2. JavaScript函數的定義及形式參數
3. C#代碼與JavaScript函數的相互調用
4. JavaScript函數中arguments對象
5. Javascript中CSS屬性float特殊寫法