JavaScript Array 整顿 - 元素操纵

此文章是我的原创文章,原文地点:http://lpgray.me/article/49/

前篇整顿了一些Array经常运用的遍历操纵要领,本日再整顿一下Array对象中针对元素操纵的要领。

分别是:

  • concat (组合数组)

  • join(数组转字符串)

  • pop(删除末了一个元素)

  • shift(删除第一个元素)

  • push(在数组尾部增加新元素)

  • unshift(在数组头部增加新元素)

  • slice (不改变数组本身,经常运用将类数组转换成数组,然后能够运用数组要领操纵类数组)

  • splice (指定位置、截取、替代)

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

形貌

此要领返回一个由本身及所传参数拼接成的新数组,每个参数都必须为数组范例。

return

Array,由本身及参数拼接成的新数组。

demo

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

Array.prototype.join([str])

形貌

此要领将数组中所有元素组合成一个字符串,默许以“,”号拼接,也能够指定拼接参数。

return

String, 有数组中所有元素拼接成的字符串

demo

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

Array.prototype.pop()

形貌

返回数组末了一个元素,并从当前数组中删除它。

return

返回当前数组末了一个元素

demo

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

Array.prototype.shift()

形貌

返回数组第一个元素,并从当前数组中删除它。

return

返回当前数组第一个元素

demo

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

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

形貌

往数组末端增加多个元素,返回增加后的数组长度。

return

Int, 增加后的数组长度

demo

var 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

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

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

形貌

此要领返回数组的一部分,两个参数都为可选参数,begin示意最先截取位置,end示意完毕截取位置,此要领不对数组本身做修正。

return

返回截取的数组

demo

var 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

var arr = [1,2,3];
arr.splice(0,1,4);
[1]
arr
[4, 2, 3]
arr.splice(1,2,4);
[2, 3]
arr
[4, 4]
    原文作者:叔叔张
    原文地址: https://segmentfault.com/a/1190000002498955
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞