JavaScript數(shù)組Array對象增加和刪除元素方法總結(jié)
本文實(shí)例總結(jié)了JavaScript數(shù)組Array對象增加和刪除元素方法。分享給大家供大家參考。具體分析如下:
pop 方法
移除數(shù)組中的最后一個(gè)元素并返回該元素。
arrayObj.pop( )
必選的 arrayObj 引用是一個(gè) Array 對象。
說明
如果該數(shù)組為空,那么將返回 undefined。
shift 方法
移除數(shù)組中的第一個(gè)元素并返回該元素。
arrayObj.shift( )
必選的 arrayObj 引用是一個(gè) Array 對象。
說明
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 對象。
item, item2,. . . itemN
可選項(xiàng)。該 Array 的新元素。
說明
push 方法將以新元素出現(xiàn)的順序添加這些元素。如果參數(shù)之一為數(shù)組,那么該數(shù)組將作為單個(gè)元素添加到數(shù)組中。如果要合并兩個(gè)或多個(gè)數(shù)組中的元素,請使用 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 對象。
start
必選項(xiàng)。指定從數(shù)組中移除元素的開始位置,這個(gè)位置是從 0 開始計(jì)算的。
deleteCount
必選項(xiàng)。要移除的元素的個(gè)數(shù)。
item1, item2,. . .,itemN
必選項(xiàng)。要在所移除元素的位置上插入的新元素。
說明
splice 方法可以移除從 start 位置開始的指定個(gè)數(shù)的元素并插入新元素,從而修改 arrayObj。返回值是一個(gè)由所移除的元素組成的新 Array 對象。
// 刪除從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 對象。
item1,. . ., itemN
可選項(xiàng)。要連接到 array1 末尾的其他項(xiàng)目。
說明
concat 方法返回一個(gè) Array 對象,其中包含了 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ù)組:
對于從正被連接到新數(shù)組的數(shù)組中復(fù)制的對象參數(shù),復(fù)制后仍然指向相同的對象。不論新數(shù)組和源數(shù)組中哪一個(gè)有改變,都將引起另一個(gè)的改變。
對于連接到新數(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中!
希望本文所述對大家的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通過元素索引號刪除數(shù)組中對應(yīng)元素的方法
- JS刪除數(shù)組元素的函數(shù)介紹
- JS刪除數(shù)組里的某個(gè)元素方法
相關(guān)文章
javascript 上下banner替換具體實(shí)現(xiàn)
這篇文章介紹了javascript 上下banner替換具體實(shí)現(xiàn),有需要的朋友可以參考一下2013-11-11
超強(qiáng)的IE背景圖片閃爍(抖動(dòng))的解決辦法
超強(qiáng)的IE背景圖片閃爍(抖動(dòng))的解決辦法...2007-09-09
實(shí)現(xiàn)web打印的各種方法介紹及實(shí)現(xiàn)代碼
web的打印方法具我自己懂得知道的有:JQuery插件Jqprint實(shí)現(xiàn);JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁打印;CSS控制網(wǎng)頁打印樣式,本文詳細(xì)介紹實(shí)現(xiàn)步驟,感興趣的朋友可以了解下2013-01-01
一文詳解JavaScript中的replace()函數(shù)
replace方法的語法是stringObj.replace(rgExp, replaceText),其中stringObj是字符串(string),下面這篇文章主要給大家介紹了關(guān)于JavaScript中replace()函數(shù)的相關(guān)資料,需要的朋友可以參考下2023-01-01
APP中javascript+css3實(shí)現(xiàn)下拉刷新效果
本文給大家分享的是如何在APP中使用javascript結(jié)合CSS3實(shí)現(xiàn)下拉刷新特效的代碼,非常的簡單實(shí)用,有需要的小伙伴可以參考下。2016-01-01

