js 刪除數組的幾種方法小結

 本篇文章主要是對js中刪除數組的幾種方法進行了總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助

var arr=['a','b','c']; 若要刪除其中的'b',有兩種方法：   1.delete方法:delete arr[1]   這種方式數組長度不變,此時arr[1]變為undefined了,但是也有好處原來數組的索引也保持不變,此時要遍歷數組元素可以才用  代碼如下: for(index in arr) {  document.write('arr['+index+']='+arr[index]); }   這種遍歷方式跳過其中undefined的元素    * 該方式IE4.o以後都支持了    2.數組對象splice方法:arr.splice(1,1);   這種方式數組長度相應改變,但是原來的數組索引也相應改變   splice參數中第一個1,是刪除的起始索引(從0算起),在此是數組第二個元素   第二個1,是刪除元素的個數,在此只刪除一個元素,即'b';   此時遍歷數組元素可以用普通遍歷數組的方式,比如for,因為刪除的元素在數組中並不保留   * 該方法IE5.5以後才支持    值得一提的是splice方法在刪除數組元素的同時,還可以新增入數組元素   比如arr.splice(1,1,'d','e'),d,e兩個元素就被加入數組arr了   結果數組變成arr:'a','d','e','c'　   JavaScript通過設置數組的length屬性來截斷數組是惟一一種縮短數組長度的方法.如果使用delete運算符來刪除數組中元素,雖然那個元素變成未定義的,但是數組的length屬性並不改變兩種刪除元素,數組長度也改變的方法.    代碼如下: 　 /* 　 *　方法:Array.remove(dx) 　 *　功能:刪除數組元素. 　 *　參數:dx刪除元素的下標. 　 *　返回:在原數組上修改數組 　 */   　//經常用的是通過遍歷,重構數組.   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 　} 　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) 　 *　功能:刪除數組元素. 　 *　參數:dx刪除元素的下標. 　 *　返回:在原數組上修改數組. 　 */ 　　 　//我們也可以用splice來實現. 　　 　Array.prototype.baoremove = function(dx) 　{ 　　if(isNaN(dx)||dx>this.length){return false;} 　　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（數組）對象並未提供現成的刪除數組元素的方法。在IE5.5+的版本中，雖然有splice方法，但是並不是刪除某一項（或幾項），而僅僅是將某一項（或幾項）的值清除，也就是說該項仍然存在，數組的長度並沒有改變。    事實上，我們可以自己為數組增加一個刪除方法（注意，這裡指的是將數組的某一項真正的從數組成員中移除）。或許你會想到用循環來為數組重新賦值，這樣做當然可以，但效率很低。   下面我們介紹利用Array對象的兩個方法slice、concat來自定義刪除數組的方法。   具體代碼如下，請注意裡面的注釋。   代碼如下: Array.prototype.del=function(n) {　//n表示第幾項，從0開始算起。 //prototype為對象原型，注意這裡為對象增加自定義方法的方法。 　if(n<0)　//如果n<0，則不進行任何操作。 　　return this; 　else 　　return this.slice(0,n).concat(this.slice(n+1,this.length)); 　　/* 　　　concat方法：返回一個新數組，這個新數組是由兩個或更多數組組合而成的。 　　　　　　　　　這裡就是返回this.slice(0,n)/this.slice(n+1,this.length) 　　 　　　　　　組成的新數組，這中間，剛好少了第n項。 　　　slice方法： 返回一個數組的一段，兩個參數，分別指定開始和結束的位置。 　　*/ } //我們來試一試這個自己增加的方法 var test=new Array(0,1,2,3,4,5); test=test.del(3);　//從0算起，這裡也就是刪除第4項。 alert(test);   這樣，僅僅靈活運用了Array對象的兩個方法，就實現了我們的要求。