JavaScript中數(shù)組成員的添加、刪除介紹
JavaScript中，由于數(shù)組長(zhǎng)度是可變的，因此可以通過(guò)直接定義新的成員而將其添加到數(shù)組中：
var o = [2,3,5];
o[3] = 7;
console.log(o);//[2,3,5,7]
除了這種方法，還可以通過(guò)使用push()語(yǔ)句來(lái)達(dá)到相同的目的：
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ù)組開(kāi)頭添加新的成員，可以使用unshift()語(yǔ)句：
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()語(yǔ)句，pop()語(yǔ)句將返回這個(gè)被刪除的成員，而數(shù)組長(zhǎng)度將減少1：
var p = o.pop();
console.log(p);//17
console.log(o.length);//9
與unshift()對(duì)應(yīng)，如果需要從數(shù)組開(kāi)頭刪除一個(gè)成員，可以使用shift()語(yǔ)句，shift()語(yǔ)句將返回這個(gè)被刪除的成員，而數(shù)組長(zhǎng)度將減少1：
var s = o.shift();
console.log(s);//2013
console.log(o.length);//8
除了shift()語(yǔ)句和pop()語(yǔ)句，還可以通過(guò)delete操作符來(lái)刪除數(shù)組中的成員。與shift()和pop()不同的是，delete操作后數(shù)組的length屬性將保持不變，也即數(shù)組將變得不連續(xù)。
JavaScript中還可以通過(guò)設(shè)定數(shù)組的length屬性來(lái)對(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ì)失敗：
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]
- JS在Array數(shù)組中按指定位置刪除或添加元素對(duì)象方法示例
- javascript數(shù)組常見(jiàn)操作方法實(shí)例總結(jié)【連接、添加、刪除、去重、排序等】
- 詳解JavaScript對(duì)數(shù)組操作（添加/刪除/截取/排序/倒序）
- JavaScript數(shù)組，JSON對(duì)象實(shí)現(xiàn)動(dòng)態(tài)添加、修改、刪除功能示例
- js實(shí)現(xiàn)以最簡(jiǎn)單的方式將數(shù)組元素添加到對(duì)象中的方法
- js 聲明數(shù)組和向數(shù)組中添加對(duì)象變量的簡(jiǎn)單實(shí)例
- JavaScript中數(shù)組添加值和訪問(wèn)值常見(jiàn)問(wèn)題
- 向JavaScript的數(shù)組中添加元素的方法小結(jié)
- js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解
相關(guān)文章
基于Electron實(shí)現(xiàn)桌面應(yīng)用開(kāi)發(fā)代碼實(shí)例
這篇文章主要介紹了基于Electron實(shí)現(xiàn)桌面應(yīng)用開(kāi)發(fā)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
js實(shí)現(xiàn)用戶輸入的小寫(xiě)字母自動(dòng)轉(zhuǎn)大寫(xiě)字母的方法
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)用戶輸入的小寫(xiě)字母自動(dòng)轉(zhuǎn)大寫(xiě)字母的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
防止頁(yè)面url緩存中ajax中post請(qǐng)求的處理方法
這篇文章主要介紹了防止頁(yè)面url緩存中ajax中post請(qǐng)求的處理方式的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下2017-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序uniapp添加懸浮菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
javascript tips提示框組件實(shí)現(xiàn)代碼
一個(gè)簡(jiǎn)單的類(lèi)似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ì)象的四種方式
開(kāi)發(fā)時(shí)遇到一個(gè)問(wèn)題,需要將對(duì)象中的空值和空對(duì)象去除,所以這篇文章主要給大家介紹了關(guān)于去除JavaScript對(duì)象中空值和空對(duì)象的四種方式,需要的朋友可以參考下2023-09-09
Layui實(shí)現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開(kāi)時(shí)恢復(fù)原圖的方法
今天小編就為大家分享一篇Layui實(shí)現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開(kāi)時(shí)恢復(fù)原圖的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
DOM_window對(duì)象屬性之--clipboardData對(duì)象操作代碼
clipboardData 對(duì)象提供了對(duì)于預(yù)定義的剪貼板格式的訪問(wèn)，以便在編輯操作中使用。2011-02-02