1:js中的splice方法
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),馬關(guān)企業(yè)網(wǎng)站建設(shè),馬關(guān)品牌網(wǎng)站建設(shè),網(wǎng)站定制,馬關(guān)網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,馬關(guān)網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
splice(index,len,[item]) 注釋:該方法會改變原始數(shù)組。
splice有3個參數(shù),它也可以用來替換/刪除/添加數(shù)組內(nèi)某一個或者幾個值
index:數(shù)組開始下標 len: 替換/刪除的長度 item:替換的值,刪除操作的話 item為空
如:arr = ['a','b','c','d']
刪除 ---- item不設(shè)置
arr.splice(1,1) //['a','c','d'] 刪除起始下標為1,長度為1的一個值,len設(shè)置的1,如果為0,則數(shù)組不變
arr.splice(1,2) //['a','d'] 刪除起始下標為1,長度為2的一個值,len設(shè)置的2
替換 ---- item為替換的值
arr.splice(1,1,'ttt') //['a','ttt','c','d'] 替換起始下標為1,長度為1的一個值為‘ttt',len設(shè)置的1
arr.splice(1,2,'ttt') //['a','ttt','d'] 替換起始下標為1,長度為2的兩個值為‘ttt',len設(shè)置的1
添加 ---- len設(shè)置為0,item為添加的值
arr.splice(1,0,'ttt') //['a','ttt','b','c','d'] 表示在下標為1處添加一項‘ttt'
看來還是splice最方便啦
2:delete delete刪除掉數(shù)組中的元素后,會把該下標出的值置為undefined,數(shù)組的長度不會變
如:delete arr[1] //['a', ,'c','d'] 中間出現(xiàn)兩個逗號,數(shù)組長度不變,有一項為undefined
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'
<big>外一篇:</big>
JavaScript通過設(shè)置數(shù)組的length屬性來截斷數(shù)組是惟一一種縮短數(shù)組長度的方法.如果使用delete運算符來刪除數(shù)組中元素,雖然那個元素變成未定義的,但是數(shù)組的length屬性并不改變兩種刪除元素,數(shù)組長度也改變的方法.
/*
* 方法:Array.remove(dx)
* 功能:刪除數(shù)組元素.
* 參數(shù):dx刪除元素的下標.
* 返回:在原數(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); //刪除下標為0的元素 alert("elements: "+a+"nLength: "+a.length);
/* * 方法:Array.baoremove(dx) * 功能:刪除數(shù)組元素. * 參數(shù):dx刪除元素的下標. * 返回:在原數(shù)組上修改數(shù)組. */ //我們也可以用splice來實現(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); //刪除下標為1的元素 alert("elements: "+b+"nLength: "+b.length);
我們知道,在IE5或更低的版本中,JavaScript的Array(數(shù)組)對象并未提供現(xiàn)成的刪除數(shù)組元素的方法。在IE5.5+的版本中,雖然有splice方法,但是并不是刪除某一項(或幾項),而僅僅是將某一項(或幾項)的值清除,也就是說該項仍然存在,數(shù)組的長度并沒有改變。
事實上,我們可以自己為數(shù)組增加一個刪除方法(注意,這里指的是將數(shù)組的某一項真正的從數(shù)組成員中移除)?;蛟S你會想到用循環(huán)來為數(shù)組重新賦值,這樣做當然可以,但效率很低。
下面我們介紹利用Array對象的兩個方法slice、concat來自定義刪除數(shù)組的方法。
具體代碼如下,請注意里面的注釋。
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方法:返回一個新數(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);
網(wǎng)頁名稱:js刪除數(shù)組中某幾項的方法總結(jié)
URL地址:http://chinadenli.net/article20/joehco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、定制開發(fā)、ChatGPT、網(wǎng)站維護、用戶體驗、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)