刪除數(shù)組指定的某個元素,首先可以給js的數(shù)組對象定義一個函數(shù),用于查找指定的元素在數(shù)組中的位置,然后使用通過得到這個元素的索引,使用js數(shù)組自己固有的函數(shù)去刪除這個元素:
一、清空數(shù)組
var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空數(shù)組 console.log(ary); // 輸出 [],空數(shù)組,即被清空了
二、刪除數(shù)組元素
var ary = [1,2,3,4]; ary.splice(0,1); 或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用來查找某元素在數(shù)組中的索引位置。
splice(index,len,[item]) 注釋:該方法會改變原始數(shù)組。
splice有3個參數(shù),它也可以用來替換/刪除/添加數(shù)組內(nèi)某一個或者幾個值·
index:數(shù)組開始下標(biāo) len: 替換/刪除的長度 item:替換的值,刪除操作的話 item為空
如:arr = ['a','b','c','d']
刪除
//刪除起始下標(biāo)為1,長度為1的一個值(len設(shè)置1,如果為0,則數(shù)組不變) var arr = ['a','b','c','d']; arr.splice(1,1); console.log(arr); //['a','c','d']; //刪除起始下標(biāo)為1,長度為2的一個值(len設(shè)置2) var arr2 = ['a','b','c','d'] arr2.splice(1,2); console.log(arr2); //['a','d']
替換
//替換起始下標(biāo)為1,長度為1的一個值為‘ttt’,len設(shè)置的1 var arr = ['a','b','c','d']; arr.splice(1,1,'ttt'); console.log(arr); //['a','ttt','c','d'] var arr2 = ['a','b','c','d']; arr2.splice(1,2,'ttt'); console.log(arr2); //['a','ttt','d'] 替換起始下標(biāo)為1,長度為2的兩個值為‘ttt’,len設(shè)置的1
三,js 刪除數(shù)組幾種方法
var arr=['a','b','c'];
若要刪除其中的'b',有兩種方法:
1,delete方法:delete arr[1]
這種方式數(shù)組長度不變,此時arr[1]變?yōu)閡ndefined了,但是也有好處原來數(shù)組的索引也保持不變,此時要遍歷數(shù)組元素可以才用
for(index in arr) { document.write('arr['+index+']='+arr[index]); }
這種遍歷方式跳過其中undefined的元素
* 該方式IE4.o以后都支持了
2,數(shù)組對象splice方法:arr.splice(1,1);
這種方式數(shù)組長度相應(yīng)改變,但是原來的數(shù)組索引也相應(yīng)改變
splice參數(shù)中第一個1,是刪除的起始索引(從0算起),在此是數(shù)組第二個元素
第二個1,是刪除元素的個數(shù),在此只刪除一個元素,即'b';
此時遍歷數(shù)組元素可以用普通遍歷數(shù)組的方式,比如for,因為刪除的元素在
數(shù)組中并不保留
* 該方法IE5.5以后才支持
值得一提的是splice方法在刪除數(shù)組元素的同時,還可以新增入數(shù)組元素
比如arr.splice(1,1,'d','e'),d,e兩個元素就被加入數(shù)組arr了
結(jié)果數(shù)組變成arr:'a','d','e','c'
另外,JavaScript通過設(shè)置數(shù)組的length屬性來截斷數(shù)組,是惟一一種縮短數(shù)組長度的方法。
如果使用delete運算符來刪除數(shù)組中元素,雖然那個元素變成未定義的,但是數(shù)組的length屬性并不改變兩種刪除元素,數(shù)組長度也改變的方法。
/* * 方法:Array.remove(dx) * 功能:刪除數(shù)組元素. * 參數(shù):dx刪除元素的下標(biāo). * 返回:在原數(shù)組上修改數(shù)組 */ //經(jīng)常用的是通過遍歷,重構(gòu)數(shù)組. 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);
例2,
/* * 方法:Array.baoremove(dx) * 功能:刪除數(shù)組元素. * 參數(shù):dx刪除元素的下標(biāo). * 返回:在原數(shù)組上修改數(shù)組. */ //也可以用splice來實現(xiàn). Array.prototype.baoremove = function(dx) { // www.jb51.net 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ù)組)對象并未提供現(xiàn)成的刪除數(shù)組元素的方法。在IE5.5+的版本中,雖然有splice方法,但是并不是刪除某一項(或幾項),而僅僅是將某一項(或幾項)的值清除,也就是說該項仍然存在,數(shù)組的長度并沒有改變。
事實上,可以自己為數(shù)組增加一個刪除方法(注意,這里指的是將數(shù)組的某一項真正的從數(shù)組成員中移除)。或許,會想到用循環(huán)來為數(shù)組重新賦值,這樣做當(dāng)然可以,但效率很低。
以下介紹利用Array對象的兩個方法slice、concat來自定義刪除數(shù)組的方法。
Array.prototype.del=function(n) { //n表示第幾項,從0開始算起。 //prototype為對象原型,注意這里為對象增加自定義方法的方法。 if(n<0) //如果n<0,則不進(jìn)行任何操作。 return this; else return this.slice(0,n).concat(this.slice(n+1,this.length)); /* concat方法:返回一個新數(shù)組,這個新數(shù)組是由兩個或更多數(shù)組組合而成的。 這里就是返回this.slice(0,n)/this.slice(n+1,this.length) 組成的新數(shù)組,這中間,剛好少了第n項。 slice方法: 返回一個數(shù)組的一段,兩個參數(shù),分別指定開始和結(jié)束的位置。 */ } //自己增加的方法 var test=new Array(0,1,2,3,4,5); test=test.del(3); //從0算起,刪除第4項。 alert(test);
jquery之父John Resig曾經(jīng)的文章寫過的一個代碼:
// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
var rest = this.slice((to || from) + 1 || this.length);
this.length = from < 0 ? this.length + from : from;
return this.push.apply(this, rest);
};
下面給出一些實際的用例:·
// 移除數(shù)組中的第二項
array.remove(1);
// 移除數(shù)組中的倒數(shù)第二項
array.remove(-2);
// 移除數(shù)組中的第二項和第三項(從第二項開始,刪除2個元素)
array.remove(1,2);
// 移除數(shù)組中的最后一項和倒數(shù)第二項(數(shù)組中的最后兩項)
array.remove(-2,-1);
這個例子跟上面第一個的還是挺相似的,不過沒有檢查元素的具體項目,而是通過元素在數(shù)組的下標(biāo)位置來定位刪除。
一、從數(shù)組中刪除指定值元素:
下面的代碼使用了兩種方式刪除數(shù)組的元素,第一種定義一個單獨的函數(shù),第二種為Array對象定義了一個removeByValue的方法,調(diào)用非常簡單
定義函數(shù)removeByValue進(jìn)行元素刪除
function removeByValue(arr, val) {
for(var i=0; i<arr.length; i++) {
if(arr[i] == val) {
arr.splice(i, 1);
break;
}
}
}
var somearray = ["mon", "tue", "wed", "thur"]
removeByValue(somearray, "tue");
//somearray will now have "mon", "wed", "thur"
為數(shù)組對象增加相應(yīng)的的方法,調(diào)用就變得更加簡單了,直接調(diào)用數(shù)組的removeByValue方法即可刪除指定元素
Array.prototype.removeByValue = function(val) {
for(var i=0; i<this.length; i++) {
if(this[i] == val) {
this.splice(i, 1);
break;
}
}
}
var somearray = ["mon", "tue", "wed", "thur"]
somearray.removeByValue("tue");
//somearray will now have "mon", "wed", "thur"
二、刪除數(shù)組中某一項或幾項的方法 1、js中的splice方法
splice(index,len,[item]) //該方法會改變原始數(shù)組。
splice有3個參數(shù),它也可以用來替換/刪除/添加數(shù)組內(nèi)某一個或者幾個值
index:數(shù)組開始下標(biāo) len: 替換/刪除的長度 item:替換的值,刪除操作的話 item為空
如:
arr = ['a','b','c','d']
刪除 —- item不設(shè)置
arr.splice(1,1) //['a','c','d'] 刪除起始下標(biāo)為1,長度為1的一個值,len設(shè)置的1,如果為0,則數(shù)組不變
arr.splice(1,2) //['a','d'] 刪除起始下標(biāo)為1,長度為2的一個值,len設(shè)置的2
替換 —- item為替換的值
arr.splice(1,1,'ttt') //['a','ttt','c','d'] 替換起始下標(biāo)為1,長度為1的一個值為‘ttt’,len設(shè)置的1
arr.splice(1,2,'ttt') //['a','ttt','d'] 替換起始下標(biāo)為1,長度為2的兩個值為‘ttt’,len設(shè)置的1
添加 —- len設(shè)置為0,item為添加的值
arr.splice(1,0,'ttt') //['a','ttt','b','c','d'] 表示在下標(biāo)為1處添加一項‘ttt’
2、delete delete刪除掉數(shù)組中的元素后,會把該下標(biāo)出的值置為undefined,數(shù)組的長度不會變
如:
delete arr[1] //['a', ,'c','d'] 中間出現(xiàn)兩個逗號,數(shù)組長度不變,有一項為undefined
如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答?。?點擊進(jìn)入論壇