JavaScript Array 整理 - 元素操作
来源:互联网 发布:阿里的数据平台 编辑:程序博客网 时间:2024/05/18 00:02
此文章是我的原创文章,原文地址: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
javascript
var arr = [1,2,3];arr.concat(['a'], ['b'])[1, 2, 3, "a", "b"]
Array.prototype.join([str])
描述
此方法将数组中所有元素组合成一个字符串,默认以“,”号拼接,也可以指定拼接参数。
return
String, 有数组中所有元素拼接成的字符串
demo
javascript
var arr = [1,2,3];arr.join()"1,2,3"
Array.prototype.pop()
描述
返回数组最后一个元素,并从当前数组中删除它。
return
返回当前数组最后一个元素
demo
javascript
var arr = [1,2,3];arr.pop()3arr[1, 2]
Array.prototype.shift()
描述
返回数组第一个元素,并从当前数组中删除它。
return
返回当前数组第一个元素
demo
javascript
var arr = [1,2,3];arr.shift()1arr[2, 3]
Array.prototype.push(elem[, ..... elem])
描述
往数组末尾添加多个元素,返回添加后的数组长度。
return
Int, 添加后的数组长度
demo
javascript
var arr = [1,2,3];arr.push(4,5,6)6arr[1, 2, 3, 4, 5, 6]
Array.prototype.unshift(elem[, ..... elem])
描述
往数组头部添加多个元素,返回添加后的数组长度。
return
Int, 添加后的数组长度
demo
javascript
var arr = [1,2,3];arr.unshift(-1,0)5arr[-1, 0, 1, 2, 3]
Array.prototype.slice([begin[, end]])
描述
此方法返回数组的一部分,两个参数都为可选参数,begin表示开始截取位置,end表示结束截取位置,此方法不对数组本身做修改。
return
返回截取的数组
demo
javascript
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
javascript
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]
0 0
- JavaScript Array 整理 - 元素操作
- Javascript Array操作函数整理
- Javascript(Array)整理
- PHP array指定元素操作
- Javascript 元素拖曳操作
- Javascript 元素拖曳操作
- JavaScript操作html元素
- javascript操作DOM元素
- JavaScript操作DOM元素
- javascript操作DOM元素
- Javascript中Array类型操作
- Javascript 中Array的操作
- JavaScript Array对象方法整理总结
- select元素javascript常用操作
- select元素javascript常用操作
- select元素javascript常用操作
- select元素javascript常用操作
- select元素javascript常用操作
- 【Android文档】Android界面绘制流程--------How Android Draws Views
- iPhone开发技巧之私有API — 设备相关信息
- ORCL 错误收集
- iPhone开发技巧之私有API--- UIBarButtonItem
- UVa 10154 - Weights and Measures
- JavaScript Array 整理 - 元素操作
- nebula_level00
- Android 上传图片,服务器接收图片实现
- LinkedList源码分析
- UIViewController之间的传值方式二 通知
- JavaScript 笔记 —— 鼠标事件的浏览器差异
- c++ map自定义排序
- JAX-RS 2.0 中 REST 的四种服务类型
- jersey 框架传输格式 (2) xml