JavaScript Array 整理 元素操做

此文章是個人原創文章，地址：http://www.faceye.net/search/142558.html

整理了一些Array經常使用的遍歷操做方法，今天再整理一下Array對象中針對元素操做的方法。

分別是：

• concat （組合數組）
• join（數組轉字符串）
• pop（刪除最後一個元素）
• shift（刪除第一個元素）
• push（在數組尾部添加新元素）
• unshift（在數組頭部添加新元素）
• slice (不改變數組自己，經常使用將類數組轉換成數組，然後能夠使用數組方法操做類數組)
• splice （指定位置、截取、替換）

Array.prototype.concat(arr[, arr1, ......, arrN])

描述

此方法返回一個由自身及所傳參數拼接成的新數組，每個參數都必須爲數組類型。

return

Array，由自身及參數拼接成的新數組。

demo

javascriptvar arr = [1,2,3];
arr.concat(['a'], ['b'])
[1, 2, 3, "a", "b"]

Array.prototype.join([str])

描述

此方法將數組中全部元素組合成一個字符串，默認以「，」號拼接，也能夠指定拼接參數。

return

String, 有數組中全部元素拼接成的字符串

demo

javascriptvar arr = [1,2,3];
arr.join()
"1,2,3"

Array.prototype.pop()

描述

返回數組最後一個元素，並從當前數組中刪除它。

return

返回當前數組最後一個元素

demo

javascriptvar arr = [1,2,3];
arr.pop()
3
arr
[1, 2]

Array.prototype.shift()

描述

返回數組第一個元素，並從當前數組中刪除它。

return

返回當前數組第一個元素

demo

javascriptvar arr = [1,2,3];
arr.shift()
1
arr
[2, 3]

Array.prototype.push(elem[, ..... elem])

描述

往數組末尾添加多個元素，返回添加後的數組長度。

return

Int, 添加後的數組長度

demo

javascriptvar arr = [1,2,3];
arr.push(4,5,6)
6
arr
[1, 2, 3, 4, 5, 6]

Array.prototype.unshift(elem[, ..... elem])

描述

往數組頭部添加多個元素，返回添加後的數組長度。

return

Int, 添加後的數組長度

demo

javascriptvar arr = [1,2,3];
arr.unshift(-1,0)
5
arr
[-1, 0, 1, 2, 3]

Array.prototype.slice([begin[, end]])

描述

此方法返回數組的一部分，兩個參數都爲可選參數，begin表示開始截取位置，end表示結束截取位置，此方法不對數組自己作修改。

return

返回截取的數組

demo

javascriptvar arr = [1,2,3];
arr.slice(0)
[1, 2, 3]
arr.slice(1)
[2, 3]
arr.slice(-1)
[3]
arr
[1, 2, 3]

Array.prototype.splice(begin, deleteCount[, item .... , item])

描述

從指定位置開始，刪除deleteCount個元素，而且在當前位置插入新元素（可選）。

return

Array, 刪除的元素組成的數組

demo

javascriptvar arr = [1,2,3];
arr.splice(0,1,4);
[1]
arr
[4, 2, 3]
arr.splice(1,2,4);
[2, 3]
arr
[4, 4]

 此文章是個人原創文章，地址：http://www.faceye.net/search/142558.html