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

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,nturnf =0;i　　{
　　　　if(this[i]!=this[dx])
　　　　{　〜　　〜　〜　〟〜　〟〜〜　〜　〜　〝〝〝〟〟〟​​] }
　　}
　　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)
Adxf{　　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　　return this;
　else
　　return this.slice(0,n).concat(this.slice(n 1,this.length));
　　〜　〜〜　〜　〜〜　〜　〜〜　〜〜〜　〜　〜]一個新數組，這個新數組是由兩個或更多數組組合而成的。
　　　　　　　　　這裡就是返回this.slice(0,n)/this.slice(n 1,this.length)
　　 　　　length)
　　 　　n　length)
　　 　　n　length)
　　 　　n　length)
　　 　　
　　　slice方法： 傳回一個陣列的一段，兩個參數，分別指定開始和結束的位置。
　　*/
}
//我們來試試這個自己增加的方法
var test=new Array(0,1,2,3,4,5);

test =test.del(3);　//從0算起，也就是刪除第4項。
alert(test);這樣，僅僅靈活運用了Array物件的兩個方法，就實現了我們的要求。