五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > javascript/js刪除數(shù)組元素、清空數(shù)組的方法

javascript/js刪除數(shù)組元素、清空數(shù)組的方法

文章來源:365jz.com     點擊數(shù):778    更新時間:2018-05-31 19:23   參與評論

刪除數(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
  • 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)入論壇

發(fā)表評論 (778人查看,0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號