JavaScript 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]
Array.isarray([]);
JavaScript Array 整理 - 元素操作的更多相关文章
- javascript 里找元素操作元素
javascript 一.找到元素. var d = document.getElementById("") var d = document.getElementsByNa ...
- jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色
jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...
- 2016/4/1 jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色
jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...
- JavaScript HTML DOM 元素操作(节点)
在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点 ...
- javascript中字符串常用操作整理
javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...
- Javascript Array 方法整理
Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...
- javascript array操作
首先来看一下怎么判断一个对象是不是数组: 1.Array.isArray(obj) 调用数组的isArray方法 2.obj instanceof Array 判断对象是否是Array的实例 3.Ob ...
- SVG.js 元素操作整理(二)-Transform
一.transform()获取或设置矩阵变换 var draw = SVG('svg1').size(300, 300); //Transforming SVG元素矩阵变换 var rect = dr ...
- JavaScript HTML DOM元素节点常用操作接口
在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类 ...
随机推荐
- 【第8篇】:Python之面向对象
python之--------封装 一.封装: 补充封装: 封装: 体现在两点: 1.数据的封装(将数据封装到对象中) obj = Foo('宝宝',22) 2.封装方法和属性,将一类操作封装到一个类 ...
- STL源码分析之迭代器
前言 迭代器是将算法和容器两个独立的泛型进行调和的一个接口. 使我们不需要关系中间的转化是怎么样的就都能直接使用迭代器进行数据访问. 而迭代器最重要的就是对operator *和operator-&g ...
- 亚马逊免费服务器搭建Discuz!论坛过程(四)
上述命令还可能因缺少包引发其他错误: 如果出错则安装对应的包即可. 以下供参考: yum install libxml2 yum install libxml2-devel -y yum instal ...
- isset在php5.6-和php7.0+的一些差异
今天在公司实现一个模块功能时写了如下代码: class ProductCategory { const TYPES = [ 1 => 'type1', 2 => 'type2', ]; p ...
- Huawei-R&S-网络工程师实验笔记20190607-STP生成树协议(基本配置、桥优先级、根桥选举、根端口、路径开销、边缘端口)
>Huawei-R&S-网络工程师实验笔记20190607-STP生成树协议(基本配置.桥优先级.根桥选举.根端口.路径开销.边缘端口) >>实验开始,先上拓扑图参考: &l ...
- BUPT2017 springtraining(16) #3 ——搜索与动态规划
题目在这里啊 A.最长上升子序列,范围很小所以写了简单的O(n^2)算法 #include <iostream> #define rep(i, j, k) for(int i = j;i ...
- [Poj3261] [Bzoj1717] [后缀数组论文例题,USACO 2006 December Gold] Milk Patterns [后缀数组可重叠的k次最长重复子串]
和上一题(POJ1743,上一篇博客)相似,只是二分的判断条件是:是否存在一段后缀的个数不小于k #include <iostream> #include <algorithm> ...
- CentOS6.5下修改MySQL编码方法
1.查看默认编译,默认登陆到mysql后,通过show variable like命令来查看系统变量 可以看到,默认的数据库编码方式基本设置成了latin1的编译方式,此时我们需要将其修改成utf8的 ...
- [poj1363]Rails_模拟_栈
Rails poj-1363 题目大意:判断一个序列是否是1~n的合法出栈序列. 注释:$1\le n\le 10^4$. 想法:开始想到一种想法. 对于一段序列来讲,显然从首元素开始的连续小于尾元素 ...
- Xsolla与蜗牛一起共创黑金
Xsolla和蜗牛游戏强强合作,公布了黑金在线,是中国知名网络游戏武术时代的一个新项目. Xsolla与蜗牛黑金 2014年6月10日至20日,蜗牛的黑金在线首次在美国洛杉矶E3展会上亮相. 该游戏官 ...