這篇文章主要介紹了JavaScript數(shù)組Array對象增加和刪除元素方法,實(shí)例總結(jié)了pop方法、push方法、splice方法、concat方法等的使用技巧,需要的朋友可以參考下

本文實(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 arr = new Array(0,1,2,3,4);

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 方法。

代碼如下:

var arr = new Array(0,1,2,3,4);

// 參數(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 對象。

代碼如下:

var arr = new Array(0,1,2,3,4);

// 刪除從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）會按照從左到右的順序添加到數(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 arr = new Array(0,1);

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ì)有所幫助。

更多信息請查看IT技術(shù)專欄