亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js刪除數(shù)組中某幾項(xiàng)的方法總結(jié)

 更新時(shí)間:2019年01月16日 14:21:48   投稿:laozhang  
在本篇文章里小編給大家分享了關(guān)于js刪除數(shù)組中某一項(xiàng)或幾項(xiàng)的幾種方法內(nèi)容,有需要的朋友們學(xué)習(xí)下。

1:js中的splice方法

splice(index,len,[item]) 注釋:該方法改變?cè)紨?shù)組。

splice有3個(gè)參數(shù),它也可以用來替換/刪除/添加數(shù)組內(nèi)某一個(gè)或者幾個(gè)值

index:數(shù)組開始下標(biāo) len: 替換/刪除的長(zhǎng)度 item:替換的值,刪除操作的話 item為空

如:arr = ['a','b','c','d']

刪除 ---- item不設(shè)置

arr.splice(1,1) //['a','c','d'] 刪除起始下標(biāo)為1,長(zhǎng)度為1的一個(gè)值,len設(shè)置的1,如果為0,則數(shù)組不變

arr.splice(1,2) //['a','d'] 刪除起始下標(biāo)為1,長(zhǎng)度為2的一個(gè)值,len設(shè)置的2

替換 ---- item為替換的值

arr.splice(1,1,'ttt') //['a','ttt','c','d'] 替換起始下標(biāo)為1,長(zhǎng)度為1的一個(gè)值為‘ttt’,len設(shè)置的1

arr.splice(1,2,'ttt') //['a','ttt','d'] 替換起始下標(biāo)為1,長(zhǎng)度為2的兩個(gè)值為‘ttt’,len設(shè)置的1

添加 ---- len設(shè)置為0,item為添加的值

arr.splice(1,0,'ttt') //['a','ttt','b','c','d'] 表示在下標(biāo)為1處添加一項(xiàng)‘ttt’

看來還是splice最方便啦

2:delete delete刪除掉數(shù)組中的元素后,會(huì)把該下標(biāo)出的值置為undefined,數(shù)組的長(zhǎng)度不會(huì)變

如:delete arr[1] //['a', ,'c','d'] 中間出現(xiàn)兩個(gè)逗號(hào),數(shù)組長(zhǎng)度不變,有一項(xiàng)為undefined

js 刪除數(shù)組幾種方法

var arr=['a','b','c'];

若要?jiǎng)h除其中的'b',有兩種方法:

1.delete方法:delete arr[1]

這種方式數(shù)組長(zhǎng)度不變,此時(shí)arr[1]變?yōu)閡ndefined了,但是也有好處原來數(shù)組的索引也保持不變,此時(shí)要遍歷數(shù)組元素可以才用

for(index in arr)
{
   document.write('arr['+index+']='+arr[index]);
}  

這種遍歷方式跳過其中undefined的元素

* 該方式IE4.o以后都支持了

2.數(shù)組對(duì)象splice方法:arr.splice(1,1);

這種方式數(shù)組長(zhǎng)度相應(yīng)改變,但是原來的數(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' 

<big>外一篇:</big>

JavaScript通過設(shè)置數(shù)組的length屬性來截?cái)鄶?shù)組是惟一一種縮短數(shù)組長(zhǎng)度的方法.如果使用delete運(yùn)算符來刪除數(shù)組中元素,雖然那個(gè)元素變成未定義的,但是數(shù)組的length屬性并不改變兩種刪除元素,數(shù)組長(zhǎng)度也改變的方法.

  /*
  * 方法: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);
/*
  * 方法:Array.baoremove(dx)
  * 功能:刪除數(shù)組元素.
  * 參數(shù):dx刪除元素的下標(biāo).
  * 返回:在原數(shù)組上修改數(shù)組.
  */
  
 //我們也可以用splice來實(shí)現(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); //刪除下標(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))的值清除,也就是說該項(xiàng)仍然存在,數(shù)組的長(zhǎng)度并沒有改變。

事實(shí)上,我們可以自己為數(shù)組增加一個(gè)刪除方法(注意,這里指的是將數(shù)組的某一項(xiàng)真正的從數(shù)組成員中移除)?;蛟S你會(huì)想到用循環(huán)來為數(shù)組重新賦值,這樣做當(dāng)然可以,但效率很低。

下面我們介紹利用Array對(duì)象的兩個(gè)方法slice、concat來自定義刪除數(shù)組的方法。

具體代碼如下,請(qǐng)注意里面的注釋。

Array.prototype.del=function(n) { //n表示第幾項(xiàng),從0開始算起。
//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ù),分別指定開始和結(jié)束的位置。
  */
}
//我們來試一試這個(gè)自己增加的方法
var test=new Array(0,1,2,3,4,5);
test=test.del(3); //從0算起,這里也就是刪除第4項(xiàng)。
alert(test);

相關(guān)文章

  • DOM 事件的深入淺出(一)

    DOM 事件的深入淺出(一)

    本文主要介紹了不同DOM級(jí)別下的事件處理程序,同時(shí)介紹了事件冒泡和捕獲的觸發(fā)原理和方法。熟練地使用不同級(jí)別的DOM事件并且解決相應(yīng)的瀏覽器兼容性問題對(duì)我們的前端項(xiàng)目開發(fā)會(huì)很有幫助。
    2016-12-12
  • 關(guān)于圖片的預(yù)加載過程中隱藏未知的

    關(guān)于圖片的預(yù)加載過程中隱藏未知的

    相信大家都看到過ie下的內(nèi)存泄漏模式的文章,其中有一個(gè)模式就是循環(huán)引用,而閉包就有保存外部運(yùn)行環(huán)境的能力(依賴于作用域鏈的實(shí)現(xiàn)),所以img.onload這個(gè)函數(shù)內(nèi)部又保存了對(duì)img的引用,這樣就形成了循環(huán)引用,導(dǎo)致內(nèi)存泄漏
    2012-12-12
  • js中函數(shù)聲明與函數(shù)表達(dá)式

    js中函數(shù)聲明與函數(shù)表達(dá)式

    js的解析器對(duì)函數(shù)聲明與函數(shù)表達(dá)式并不是一視同仁地對(duì)待的。對(duì)于函數(shù)聲明,js解析器會(huì)優(yōu)先讀取,確保在所有代碼執(zhí)行之前聲明已經(jīng)被解析,而函數(shù)表達(dá)式,如同定義其它基本類型的變量一樣,只在執(zhí)行到某一句時(shí)也會(huì)對(duì)其進(jìn)行解析,
    2015-06-06
  • 最新評(píng)論