快捷導(dǎo)航

JS刪除數(shù)組元素的函數(shù)介紹

更新時(shí)間：2013年03月27日 16:41:48 作者：

有時(shí)候我們需要數(shù)組元素的值，那么就可以參考下面的方法，文中提到了不少這方面的資料，數(shù)組去重功能等

split將字符串轉(zhuǎn)為數(shù)組并輸出的代碼：

<script language="javascript">    
function spli(){    
         datastr="2,2,3,5,6,6";       
  var str= new Array();   
  str=datastr.split(",");       
    for (i=0;i<str.length ;i++ )    
    {    
        document.write(str[i]+"<br/>");    
    }    
}    
spli();    
</script>  

js刪除數(shù)組元素：

var arr=['a','b','c'];
若要?jiǎng)h除其中的'b',有兩種方法：

1.delete方法:delete arr[1]

這種方式數(shù)組長(zhǎng)度不變,此時(shí)arr[1]變?yōu)閡ndefined了,但是也有好處原來(lái)數(shù)組的索引也保持不變,此時(shí)要遍歷數(shù)組元素可以才用

復(fù)制代碼代碼如下:

 
for(index in arr) 
{ 
　　 document.write('arr['+index+']='+arr[index]); 
} 

這種遍歷方式跳過(guò)其中undefined的元素

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

2.數(shù)組對(duì)象splice方法:arr.splice(1,1);

這種方式數(shù)組長(zhǎng)度相應(yīng)改變,但是原來(lái)的數(shù)組索引也相應(yīng)改變
splice參數(shù)中第一個(gè)1,是刪除的起始索引(從0算起),在此是數(shù)組第二個(gè)元素
第二個(gè)1,是刪除元素的個(gè)數(shù),在此只刪除一個(gè)元素,即'b';
此時(shí)遍歷數(shù)組元素可以用普通遍歷數(shù)組的方式,比如for,因?yàn)閯h除的元素在
數(shù)組中并不保留

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

值得一提的是splice方法在刪除數(shù)組元素的同時(shí),還可以新增入數(shù)組元素
比如arr.splice(1,1,'d','e'),d,e兩個(gè)元素就被加入數(shù)組arr了
結(jié)果數(shù)組變成arr:'a','d','e','c'

JavaScript通過(guò)設(shè)置數(shù)組的length屬性來(lái)截?cái)鄶?shù)組是惟一一種縮短數(shù)組長(zhǎng)度的方法.如果使用delete運(yùn)算符來(lái)刪除數(shù)組中元素,雖然那個(gè)元素變成未定義的,但是數(shù)組的length屬性并不改變兩種刪除元素,數(shù)組長(zhǎng)度也改變的方法.

　 /*
　 *　方法:Array.remove(dx)
　 *　功能:刪除數(shù)組元素.
　 *　參數(shù):dx刪除元素的下標(biāo).
　 *　返回:在原數(shù)組上修改數(shù)組
　 */
　　
　//經(jīng)常用的是通過(guò)遍歷,重構(gòu)數(shù)組.

復(fù)制代碼代碼如下:

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); //刪除下標(biāo)為0的元素
　alert("elements: "+a+"nLength: "+a.length);

復(fù)制代碼代碼如下:

/*
　 *　方法:Array.baoremove(dx)
　 *　功能:刪除數(shù)組元素.
　 *　參數(shù):dx刪除元素的下標(biāo).
　 *　返回:在原數(shù)組上修改數(shù)組.
　 */
　　
　//我們也可以用splice來(lái)實(shí)現(xiàn).
　　
　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); //刪除下標(biāo)為1的元素
　alert("elements: "+b+"nLength: "+b.length);

我們知道，在IE5或更低的版本中，JavaScript的Array（數(shù)組）對(duì)象并未提供現(xiàn)成的刪除數(shù)組元素的方法。在IE5.5+的版本中，雖然有splice方法，但是并不是刪除某一項(xiàng)（或幾項(xiàng)），而僅僅是將某一項(xiàng)（或幾項(xiàng)）的值清除，也就是說(shuō)該項(xiàng)仍然存在，數(shù)組的長(zhǎng)度并沒(méi)有改變。

　　事實(shí)上，我們可以自己為數(shù)組增加一個(gè)刪除方法（注意，這里指的是將數(shù)組的某一項(xiàng)真正的從數(shù)組成員中移除）。或許你會(huì)想到用循環(huán)來(lái)為數(shù)組重新賦值，這樣做當(dāng)然可以，但效率很低。

　　下面我們介紹利用Array對(duì)象的兩個(gè)方法slice、concat來(lái)自定義刪除數(shù)組的方法。

　　具體代碼如下，請(qǐng)注意里面的注釋。

復(fù)制代碼代碼如下:

Array.prototype.del=function(n) {　//n表示第幾項(xiàng)，從0開(kāi)始算起。
//prototype為對(duì)象原型，注意這里為對(duì)象增加自定義方法的方法。
　if(n<0)　//如果n<0，則不進(jìn)行任何操作。
　　return this;
　else
　　return this.slice(0,n).concat(this.slice(n+1,this.length));
　　/*
　　　concat方法：返回一個(gè)新數(shù)組，這個(gè)新數(shù)組是由兩個(gè)或更多數(shù)組組合而成的。
　　　　　　　　　這里就是返回this.slice(0,n)/this.slice(n+1,this.length)
　　 　　　　　　組成的新數(shù)組，這中間，剛好少了第n項(xiàng)。
　　　slice方法： 返回一個(gè)數(shù)組的一段，兩個(gè)參數(shù)，分別指定開(kāi)始和結(jié)束的位置。
　　*/
}
//我們來(lái)試一試這個(gè)自己增加的方法
var test=new Array(0,1,2,3,4,5);
test=test.del(3);　//從0算起，這里也就是刪除第4項(xiàng)。
alert(test);