javascript 刪除數(shù)組元素和清空數(shù)組的簡(jiǎn)單方法
javascript 刪除數(shù)組元素和清空數(shù)組的簡(jiǎn)單方法
一、清空數(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)用來(lái)查找某元素在數(shù)組中的索引位置。
三,js 刪除數(shù)組幾種方法
var arr=[‘a(chǎn)','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ù)組元素可以才用
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ù)組. 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);
/* * 方法:Array.baoremove(dx) * 功能:刪除數(shù)組元素. * 參數(shù):dx刪除元素的下標(biāo). * 返回:在原數(shù)組上修改數(shù)組. */ //也可以用splice來(lái)實(shí)現(xiàn). Array.prototype.baoremove = function(dx) { // www.dbjr.com.cn 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ù)組的方法。
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é)束的位置。 */ } //自己增加的方法 var test=new Array(0,1,2,3,4,5); test=test.del(3); //從0算起,刪除第4項(xiàng)。 alert(test);
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- javascript數(shù)組元素刪除方法delete和splice解析
- javascript刪除數(shù)組元素的七個(gè)方法示例
- JavaScript使用delete刪除數(shù)組元素用法示例【數(shù)組長(zhǎng)度不變】
- JavaScript中關(guān)于for循環(huán)刪除數(shù)組元素內(nèi)容時(shí)出現(xiàn)的問(wèn)題
- js刪除數(shù)組元素、清空數(shù)組的簡(jiǎn)單方法(必看)
- Javascript根據(jù)指定下標(biāo)或?qū)ο髣h除數(shù)組元素
- JavaScript如何刪除數(shù)組元素(總結(jié)篇)
相關(guān)文章
javascript輕量級(jí)庫(kù)createjs使用Easel實(shí)現(xiàn)拖拽效果
這篇文章主要介紹了javascript輕量級(jí)庫(kù)createjs使用Easel實(shí)現(xiàn)拖拽效果的相關(guān)資料,需要的朋友可以參考下2016-02-02php類(lèi)中static與self的使用區(qū)別淺析
在閱讀一些框架的源碼時(shí)發(fā)現(xiàn)了new static(),和new self(),甚是不解,后來(lái)查閱資料,才了解了,所以下面這篇文章主要給大家介紹了關(guān)于php類(lèi)中static與self的使用區(qū)別的相關(guān)資料,需要的朋友可以參考下2021-06-06JS+CSS實(shí)現(xiàn)精美的二級(jí)導(dǎo)航效果代碼
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)精美的二級(jí)導(dǎo)航效果代碼,涉及JavaScript基于鼠標(biāo)事件動(dòng)態(tài)變換元素樣式的技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09微信小程序五子棋游戲AI實(shí)現(xiàn)方法【附demo源碼下載】
這篇文章主要介紹了微信小程序五子棋游戲AI實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了五子棋游戲中人機(jī)對(duì)戰(zhàn)的AI原理及相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2019-02-02javascript中加號(hào)(+)操作符的一些神奇作用
這篇文章主要介紹了javascript中加號(hào)(+)操作符的一些神奇作用,真的很神奇,例如加號(hào)可以轉(zhuǎn)換數(shù)據(jù)類(lèi)型,可以把日期轉(zhuǎn)成整數(shù)等,需要的朋友可以參考下2014-06-06JavaScript類(lèi)型轉(zhuǎn)換方法及需要注意的問(wèn)題小結(jié)(挺全面)
JavaScript類(lèi)型轉(zhuǎn)換方法及需要注意的問(wèn)題,在js中經(jīng)常需要對(duì)數(shù)據(jù)類(lèi)型的轉(zhuǎn)換操作,需要的朋友可以參考下。2010-11-11JavaScript設(shè)計(jì)模式之單件模式介紹
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單件模式介紹,單件模式,就是靜態(tài)化的訪問(wèn)中已經(jīng)實(shí)例化的對(duì)象,這個(gè)對(duì)象只能通過(guò)一個(gè)唯一的入口訪問(wèn),已經(jīng)實(shí)例或待實(shí)例化的對(duì)象,需要的朋友可以參考下2014-12-12