js 刪除數組幾種方法

來源:互聯網
上載者:User

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'   <big>外一篇:</big>  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); 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.