JavaScript數(shù)組Array對(duì)象增加和刪除元素方法總結(jié)
本文實(shí)例總結(jié)了JavaScript數(shù)組Array對(duì)象增加和刪除元素方法。分享給大家供大家參考。具體分析如下:
pop 方法
移除數(shù)組中的最后一個(gè)元素并返回該元素。
arrayObj.pop( )
必選的 arrayObj 引用是一個(gè) Array 對(duì)象。
說明
如果該數(shù)組為空,那么將返回 undefined。
shift 方法
移除數(shù)組中的第一個(gè)元素并返回該元素。
arrayObj.shift( )
必選的 arrayObj 引用是一個(gè) Array 對(duì)象。
說明
shift 方法可移除數(shù)組中的第一個(gè)元素并返回該元素。
var remove = arr.pop();
alert(remove);
alert(arr.length);
移除并返回最后一個(gè)元素,先彈出 4 ,然后提示目前數(shù)組長度 彈出 4 !
push 方法
將新元素添加到一個(gè)數(shù)組中,并返回?cái)?shù)組的新長度值。
arrayObj.push([item1 [item2 [. . . [itemN ]]]])
參數(shù)
arrayObj
必選項(xiàng)。一個(gè) Array 對(duì)象。
item, item2,. . . itemN
可選項(xiàng)。該 Array 的新元素。
說明
push 方法將以新元素出現(xiàn)的順序添加這些元素。如果參數(shù)之一為數(shù)組,那么該數(shù)組將作為單個(gè)元素添加到數(shù)組中。如果要合并兩個(gè)或多個(gè)數(shù)組中的元素,請(qǐng)使用 concat 方法。
// 參數(shù)是一個(gè)或多個(gè)
var len = arr.push(5,6);
//len = arr.push(7);
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}
可以一次性增加多個(gè)進(jìn)去,也可以增加一個(gè),返回?cái)?shù)組目前長度。變了打印數(shù)組內(nèi)容觀察變化!
splice 方法
從一個(gè)數(shù)組中移除一個(gè)或多個(gè)元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
參數(shù)
arrayObj
必選項(xiàng)。一個(gè) Array 對(duì)象。
start
必選項(xiàng)。指定從數(shù)組中移除元素的開始位置,這個(gè)位置是從 0 開始計(jì)算的。
deleteCount
必選項(xiàng)。要移除的元素的個(gè)數(shù)。
item1, item2,. . .,itemN
必選項(xiàng)。要在所移除元素的位置上插入的新元素。
說明
splice 方法可以移除從 start 位置開始的指定個(gè)數(shù)的元素并插入新元素,從而修改 arrayObj。返回值是一個(gè)由所移除的元素組成的新 Array 對(duì)象。
// 刪除從2開始的兩個(gè)元素,位置從0開始
// 返回移除元素的數(shù)組
var reArr = arr.splice(2,2);
// 可以在移除元素的位置替換新的元素進(jìn)去
//只是從移除開始位置進(jìn)行增加新元素,如果你移除兩個(gè)元素,你完全可以增加10個(gè)新元素進(jìn)去
//var reArr = arr.splice(2,2,6,7,8,9);
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}
如果你不想增加新的元素進(jìn)去,那么不要傳遞第三個(gè)參數(shù)即可!
concat 方法 (Array)
返回一個(gè)新數(shù)組,這個(gè)新數(shù)組是由兩個(gè)或更多數(shù)組組合而成的。
array1.concat([item1[, item2[, . . . [, itemN]]]])
參數(shù)
array1
必選項(xiàng)。其他所有數(shù)組要進(jìn)行連接的 Array 對(duì)象。
item1,. . ., itemN
可選項(xiàng)。要連接到 array1 末尾的其他項(xiàng)目。
說明
concat 方法返回一個(gè) Array 對(duì)象,其中包含了 array1 和提供的任意其他項(xiàng)目的連接。
要加的項(xiàng)目(item1 … itemN)會(huì)按照從左到右的順序添加到數(shù)組。如果某一項(xiàng)為數(shù)組,那么添加其內(nèi)容到 array1 的末尾。如果該項(xiàng)目不是數(shù)組,就將其作為單個(gè)的數(shù)組元素添加到數(shù)組的末尾。
以下為從源數(shù)組復(fù)制元素到結(jié)果數(shù)組:
對(duì)于從正被連接到新數(shù)組的數(shù)組中復(fù)制的對(duì)象參數(shù),復(fù)制后仍然指向相同的對(duì)象。不論新數(shù)組和源數(shù)組中哪一個(gè)有改變,都將引起另一個(gè)的改變。
對(duì)于連接到新數(shù)組的數(shù)值或字符串,只復(fù)制其值。一個(gè)數(shù)組中值有改變并不影響另一個(gè)數(shù)組中的值。
var arr2 = new Array(3,4);
var arr = arr.concat(arr2);
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}
方法的作用是將arr2中的元素復(fù)制到了arr中!
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- js刪除數(shù)組元素、清空數(shù)組的簡單方法(必看)
- JavaScript從數(shù)組中刪除指定值元素的方法
- 體驗(yàn)js中splice()的強(qiáng)大(插入、刪除或替換數(shù)組的元素)
- js刪除Array數(shù)組中指定元素的兩種方法
- Javascript根據(jù)指定下標(biāo)或?qū)ο髣h除數(shù)組元素
- 詳解js刪除數(shù)組中的指定元素
- 解析javascript 數(shù)組以及json元素的添加刪除
- js數(shù)組依據(jù)下標(biāo)刪除元素
- js在數(shù)組中刪除重復(fù)的元素自保留一個(gè)(兩種實(shí)現(xiàn)思路)
- 基于JavaScript實(shí)現(xiàn)移除(刪除)數(shù)組中指定元素
- Javascript循環(huán)刪除數(shù)組中元素的幾種方法示例
- JS實(shí)現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作示例
- js刪除數(shù)組中的元素delete和splice的區(qū)別詳解
- Javascript刪除數(shù)組里的某個(gè)元素
- JavaScript通過元素索引號(hào)刪除數(shù)組中對(duì)應(yīng)元素的方法
- JS刪除數(shù)組元素的函數(shù)介紹
- JS刪除數(shù)組里的某個(gè)元素方法
相關(guān)文章
使用typescript+webpack構(gòu)建一個(gè)js庫的示例詳解
這篇文章主要介紹了typescript+webpack構(gòu)建一個(gè)js庫,本文主要記錄使用typescript配合webpack打包一個(gè)javascript library的配置過程,需要的朋友可以參考下2022-07-07Javascript實(shí)現(xiàn)計(jì)算個(gè)人所得稅
用javascript腳本語言編寫一個(gè)“個(gè)人所得稅計(jì)算器”?計(jì)算公式:所得稅=(月收入-起征額)*10%;重填就是全部清空;十分的實(shí)用,有需要的小伙伴可以參考下。2015-05-05ES6擴(kuò)展運(yùn)算符和rest運(yùn)算符用法實(shí)例分析
這篇文章主要介紹了ES6擴(kuò)展運(yùn)算符和rest運(yùn)算符用法,結(jié)合實(shí)例形式分析了ES6擴(kuò)展運(yùn)算符和rest運(yùn)算符基本功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05javascript 網(wǎng)頁進(jìn)度條簡單實(shí)例
這篇文章主要介紹了javascript 網(wǎng)頁進(jìn)度條簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02JSON.stringify(遞歸)與?JSON.parse(有限狀態(tài)自動(dòng)機(jī))的實(shí)現(xiàn)代碼
這篇文章主要介紹了JSON.stringify(遞歸)與?JSON.parse(有限狀態(tài)自動(dòng)機(jī))的實(shí)現(xiàn),本文通過示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08