JavaScript中數(shù)組成員的添加、刪除介紹

更新時(shí)間：2014年12月30日 09:08:23 投稿：junjie

這篇文章主要介紹了JavaScript中數(shù)組成員的添加、刪除介紹,本文主要講解push()、unshift()、pop()、shift()等函數(shù)的應(yīng)用,需要的朋友可以參考下

JavaScript中，由于數(shù)組長度是可變的，因此可以通過直接定義新的成員而將其添加到數(shù)組中：

var o = [2,3,5];

o[3] = 7;

console.log(o);//[2,3,5,7]

除了這種方法，還可以通過使用push()語句來達(dá)到相同的目的：

復(fù)制代碼代碼如下:

o.push(11);

console.log(o);//[2,3,5,7,11]

o.push(13,17);

console.log(o);//[2,3,5,7,11,13,17]

如果需要在數(shù)組開頭添加新的成員，可以使用unshift()語句：

復(fù)制代碼代碼如下:

o.unshift(2014);

console.log(o);//[2014,2,3,5,7,11,13,17]

o.unshift(2013, 2012);

console.log(o);//[2013,2012,2014, 2,3,5,7,11,13,17]

與push()對(duì)應(yīng)，如果需要從數(shù)組末尾刪除一個(gè)成員，可以使用pop()語句，pop()語句將返回這個(gè)被刪除的成員，而數(shù)組長度將減少1：

復(fù)制代碼代碼如下:

var p = o.pop();

console.log(p);//17

console.log(o.length);//9

與unshift()對(duì)應(yīng)，如果需要從數(shù)組開頭刪除一個(gè)成員，可以使用shift()語句，shift()語句將返回這個(gè)被刪除的成員，而數(shù)組長度將減少1：

復(fù)制代碼代碼如下:

var s = o.shift();

console.log(s);//2013

console.log(o.length);//8

除了shift()語句和pop()語句，還可以通過delete操作符來刪除數(shù)組中的成員。與shift()和pop()不同的是，delete操作后數(shù)組的length屬性將保持不變，也即數(shù)組將變得不連續(xù)。

JavaScript中還可以通過設(shè)定數(shù)組的length屬性來對(duì)數(shù)組進(jìn)行修改：當(dāng)length值小于數(shù)組成員數(shù)時(shí)，JavaScript將對(duì)數(shù)組進(jìn)行截??；當(dāng)length值大于數(shù)組成員數(shù)時(shí)，JavaScript會(huì)將數(shù)組變得不連續(xù)。如果length值只讀，那么在數(shù)組中直接定義新成員的操作將會(huì)失?。?/p>

復(fù)制代碼代碼如下:

console.log(o);//[2012,2014, 2,3,5,7,11,13]
o.length = 2;
console.log(o);//[2012,2014]
o.length = 4;
console.log(o);//[2012,2014,undefined,undefined]

var a = [1,2,3];
Object.defineProperty(a, "length", {writable:false});
a[3] = 4;
console.log(a);//[1,2,3]

您可能感興趣的文章:

相關(guān)文章

基于Electron實(shí)現(xiàn)桌面應(yīng)用開發(fā)代碼實(shí)例
這篇文章主要介紹了基于Electron實(shí)現(xiàn)桌面應(yīng)用開發(fā)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
js實(shí)現(xiàn)用戶輸入的小寫字母自動(dòng)轉(zhuǎn)大寫字母的方法
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)用戶輸入的小寫字母自動(dòng)轉(zhuǎn)大寫字母的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-01-01
防止頁面url緩存中ajax中post請(qǐng)求的處理方法
這篇文章主要介紹了防止頁面url緩存中ajax中post請(qǐng)求的處理方式的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下
2017-10-10
微信小程序uniapp添加懸浮菜單的方法
這篇文章主要為大家詳細(xì)介紹了微信小程序uniapp添加懸浮菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
javascript tips提示框組件實(shí)現(xiàn)代碼
一個(gè)簡單的類似title的提示效果，但現(xiàn)實(shí)內(nèi)容可以很豐富，以上js另存為tip.js，下面是使用的demo。
2010-11-11
微信小程序?qū)崙?zhàn)之頂部導(dǎo)航欄(選項(xiàng)卡)(1)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)之頂部導(dǎo)航欄的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
How to Auto Include a Javascript File
How to Auto Include a Javascript File...
2007-02-02
去除JavaScript對(duì)象中空值和空對(duì)象的四種方式
開發(fā)時(shí)遇到一個(gè)問題,需要將對(duì)象中的空值和空對(duì)象去除,所以這篇文章主要給大家介紹了關(guān)于去除JavaScript對(duì)象中空值和空對(duì)象的四種方式,需要的朋友可以參考下
2023-09-09
Layui實(shí)現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開時(shí)恢復(fù)原圖的方法
今天小編就為大家分享一篇Layui實(shí)現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開時(shí)恢復(fù)原圖的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
DOM_window對(duì)象屬性之--clipboardData對(duì)象操作代碼
clipboardData 對(duì)象提供了對(duì)于預(yù)定義的剪貼板格式的訪問，以便在編輯操作中使用。
2011-02-02