JavaScript Array 整理 - 元素操作
此文章是我的原创文章，原文地址： http://www.h5shop.org/article/49/
前篇 整理了一些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]
正文到此结束
热门推荐
相关文章
Loading...
![[HBLOG]公众号](http://www.liuhaihua.cn/img/qrcode_gzh.jpg)
