欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js刪除數(shù)組元素、清空數(shù)組的簡(jiǎn)單方法(必看)

 更新時(shí)間:2023年04月24日 10:09:14   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇js刪除數(shù)組元素、清空數(shù)組的簡(jiǎn)單方法(必看)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

一、清空數(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','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);
 

更多內(nèi)容感興趣的朋友可以關(guān)注公眾號(hào):Java技術(shù)迷,不定期包郵送書籍、抽紅包等活動(dòng)!

例2,

/*
  * 方法: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);
 

以上代碼,僅靈活運(yùn)用了Array對(duì)象的兩個(gè)方法,便實(shí)現(xiàn)了基本要求,不錯(cuò)。

以上這篇js刪除數(shù)組元素、清空數(shù)組的簡(jiǎn)單方法(必看)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 淺談JavaScript中運(yùn)算符的優(yōu)先級(jí)

    淺談JavaScript中運(yùn)算符的優(yōu)先級(jí)

    這篇文章主要給大家簡(jiǎn)單介紹了JavaScript中運(yùn)算符的優(yōu)先級(jí)的相關(guān)問(wèn)題,十分的實(shí)用,有需要的小伙伴可以參考下。
    2015-07-07
  • 使用JavaScript實(shí)現(xiàn)隨機(jī)顏色生成器

    使用JavaScript實(shí)現(xiàn)隨機(jī)顏色生成器

    這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript+CSS實(shí)現(xiàn)一個(gè)隨機(jī)顏色生成器,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動(dòng)手嘗試一下
    2022-08-08
  • 使用javascript控制cookie顯示和隱藏背景圖

    使用javascript控制cookie顯示和隱藏背景圖

    本文主要介紹了使用javascript來(lái)控制背景圖片的顯示和隱藏,當(dāng)點(diǎn)擊關(guān)閉按鈕時(shí),控制CSS使頁(yè)面不加載背景圖,同時(shí)記錄COOKIE相關(guān)參數(shù),并設(shè)置cookie的有效期
    2014-02-02
  • JavaScript實(shí)現(xiàn)點(diǎn)擊圖片翻轉(zhuǎn)效果

    JavaScript實(shí)現(xiàn)點(diǎn)擊圖片翻轉(zhuǎn)效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊圖片翻轉(zhuǎn)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • JS格式化時(shí)間的幾種方法總結(jié)

    JS格式化時(shí)間的幾種方法總結(jié)

    這篇文章介紹了JS格式化時(shí)間的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-04-04
  • 基于JavaScript實(shí)現(xiàn)智能右鍵菜單

    基于JavaScript實(shí)現(xiàn)智能右鍵菜單

    這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)智能右鍵菜單的相關(guān)資料,需要的朋友可以參考下
    2016-03-03
  • JavaScript函數(shù)防抖動(dòng)debounce

    JavaScript函數(shù)防抖動(dòng)debounce

    這篇文章主要介紹了JavaScript函數(shù)防抖動(dòng)debounce,防抖動(dòng)作用防止在短時(shí)間內(nèi)過(guò)于頻繁的執(zhí)行相同的任務(wù),更多相關(guān)內(nèi)容需要的小伙伴可以參考一下
    2022-06-06
  • JavaScript 解析數(shù)學(xué)表達(dá)式的過(guò)程詳解

    JavaScript 解析數(shù)學(xué)表達(dá)式的過(guò)程詳解

    這篇文章主要介紹了JavaScript 解析數(shù)學(xué)表達(dá)式的過(guò)程詳解,本文以一個(gè)的解題思路,來(lái)分享如何解決問(wèn)題,解決的過(guò)程,可以作為解決工作中一般問(wèn)題的通用思路,對(duì)js解析表達(dá)式相關(guān)知識(shí)感興趣的朋友一起看看吧
    2022-06-06
  • javascript canvas時(shí)鐘模擬器

    javascript canvas時(shí)鐘模擬器

    這篇文章主要為大家詳細(xì)介紹了javascript canvas時(shí)鐘模擬器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-07-07
  • JS使用cookie實(shí)現(xiàn)只出現(xiàn)一次的廣告代碼效果

    JS使用cookie實(shí)現(xiàn)只出現(xiàn)一次的廣告代碼效果

    我們上網(wǎng)經(jīng)常會(huì)遇到第一次需要登錄而之后不用再登錄的網(wǎng)站的情況,其實(shí)是運(yùn)用了Cookie 存儲(chǔ) web 頁(yè)面的用戶信息,Cookie 以名/值對(duì)形式存儲(chǔ),當(dāng)瀏覽器從服務(wù)器上請(qǐng)求 web 頁(yè)面時(shí), 屬于該頁(yè)面的 cookie 會(huì)被添加到該請(qǐng)求中
    2017-04-04

最新評(píng)論