萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JavaScript數組Array對象增加和刪除元素方法總結

JavaScript數組Array對象增加和刪除元素方法總結

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

   

本文實例總結了JavaScript數組Array對象增加和刪除元素方法。分享給大家供大家參考。具體分析如下:

pop 方法

移除數組中的最後一個元素並返回該元素。
arrayObj.pop( )
必選的 arrayObj 引用是一個 Array 對象。
說明
如果該數組為空,那麼將返回 undefined。

shift 方法

移除數組中的第一個元素並返回該元素。
arrayObj.shift( )
必選的 arrayObj 引用是一個 Array 對象。
說明
shift 方法可移除數組中的第一個元素並返回該元素。

代碼如下: var arr = new Array(0,1,2,3,4);
var remove = arr.pop();
alert(remove);
alert(arr.length);

移除並返回最後一個元素,先彈出 4 ,然後提示目前數組長度 彈出 4 !

push 方法

 

將新元素添加到一個數組中,並返回數組的新長度值。
arrayObj.push([item1 [item2 [. . . [itemN ]]]])
參數
arrayObj
必選項。一個 Array 對象。
item, item2,. . . itemN
可選項。該 Array 的新元素。
說明
push 方法將以新元素出現的順序添加這些元素。如果參數之一為數組,那麼該數組將作為單個元素添加到數組中。如果要合並兩個或多個數組中的元素,請使用 concat 方法。

代碼如下: var arr = new Array(0,1,2,3,4);
// 參數是一個或多個
var len = arr.push(5,6);
//len = arr.push(7);
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}

可以一次性增加多個進去,也可以增加一個,返回數組目前長度。變了打印數組內容觀察變化!

 

splice 方法

從一個數組中移除一個或多個元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
參數
arrayObj
必選項。一個 Array 對象。
start
必選項。指定從數組中移除元素的開始位置,這個位置是從 0 開始計算的。
deleteCount
必選項。要移除的元素的個數。
item1, item2,. . .,itemN
必選項。要在所移除元素的位置上插入的新元素。
說明
splice 方法可以移除從 start 位置開始的指定個數的元素並插入新元素,從而修改 arrayObj。返回值是一個由所移除的元素組成的新 Array 對象。

代碼如下: var arr = new Array(0,1,2,3,4);
// 刪除從2開始的兩個元素,位置從0開始
// 返回移除元素的數組
var reArr = arr.splice(2,2);
// 可以在移除元素的位置替換新的元素進去
//只是從移除開始位置進行增加新元素,如果你移除兩個元素,你完全可以增加10個新元素進去
//var reArr = arr.splice(2,2,6,7,8,9);
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}

如果你不想增加新的元素進去,那麼不要傳遞第三個參數即可!

 

concat 方法 (Array)

返回一個新數組,這個新數組是由兩個或更多數組組合而成的。
array1.concat([item1[, item2[, . . . [, itemN]]]])
參數
array1
必選項。其他所有數組要進行連接的 Array 對象。
item1,. . ., itemN
可選項。要連接到 array1 末尾的其他項目。
說明
concat 方法返回一個 Array 對象,其中包含了 array1 和提供的任意其他項目的連接。
要加的項目(item1 … itemN)會按照從左到右的順序添加到數組。如果某一項為數組,那麼添加其內容到 array1 的末尾。如果該項目不是數組,就將其作為單個的數組元素添加到數組的末尾。

以下為從源數組復制元素到結果數組:

對於從正被連接到新數組的數組中復制的對象參數,復制後仍然指向相同的對象。不論新數組和源數組中哪一個有改變,都將引起另一個的改變。
對於連接到新數組的數值或字符串,只復制其值。一個數組中值有改變並不影響另一個數組中的值。

代碼如下: 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中的元素復制到了arr中!

 

希望本文所述對大家的javascript程序設計有所幫助。

copyright © 萬盛學電腦網 all rights reserved