整理一下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 整理 - 元素操作的更多相关文章

  1. javascript 里找元素操作元素

      javascript  一.找到元素. var d = document.getElementById("") var d = document.getElementsByNa ...

  2. jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色

    jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...

  3. 2016/4/1 jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色

    jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...

  4. JavaScript HTML DOM 元素操作(节点)

      在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点 ...

  5. javascript中字符串常用操作整理

    javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...

  6. Javascript Array 方法整理

    Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...

  7. javascript array操作

    首先来看一下怎么判断一个对象是不是数组: 1.Array.isArray(obj) 调用数组的isArray方法 2.obj instanceof Array 判断对象是否是Array的实例 3.Ob ...

  8. SVG.js 元素操作整理(二)-Transform

    一.transform()获取或设置矩阵变换 var draw = SVG('svg1').size(300, 300); //Transforming SVG元素矩阵变换 var rect = dr ...

  9. JavaScript HTML DOM元素节点常用操作接口

    在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类 ...

随机推荐

  1. EasyUI, Dialog 在框架页(ifrmae)的Top页面弹出时,拖拽Dialog边缘(以改变窗口大小),UI界面被卡死的解决办法

    将Dialog的modal属性设置为true,可以解决卡死的问题(但会给用户使用体验带来影响) var par = { title: This.title, width: This.width, he ...

  2. codevs1961 躲避大龙

    1961 躲避大龙  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 钻石 Diamond 题解       题目描述 Description 你早上起来,慢悠悠地来到学校门口, ...

  3. (C/C++学习)9.C/C++优化排序

    说明:在C/C++中常见的排序方法有两种,第一种为选择排序法,第二种为冒泡排序法,本文将对这两种排序法进行优化,并给出一种更为快捷的排序法. 一.未优化的排序法 现在假如要对一个数组进行排序,假设这个 ...

  4. sql 区分大小写查询

    sql 区分大小写查询 select * FROM [Users] where userName collate Chinese_PRC_CS_AS='ADMIN'

  5. 【Codeforces 467C】George and Job

    [链接] 我是链接,点我呀:) [题意] 让你从1..n这n个数字中 选出来k个不相交的长度为m的区间 然后这个k个区间的和最大 求出这k个区间的和的最大值 [题解] 设dp[i][j]表示前i个数字 ...

  6. [TYVJ1730]二逼平衡树

    [TYVJ1730]二逼平衡树 题目 您需要写一种数据结构(可参考题目标题),来维护一个有序数列,其中需要提供以下操作:1.查询k在区间内的排名2.查询区间内排名为k的值3.修改某一位值上的数值4.查 ...

  7. hdu 4941 stl的map<node,int>用法

    #include<iostream> #include<cstdio> #include<cstring> #include<map> using na ...

  8. 本地数据文件加载到hive表

    1.在test数据库下创建表格 hive> create table vod_record_all( > watch_time date, > device_id string, & ...

  9. Performance Metrics(性能指标2)

    这一章我们将讨论性能指标的优化(如CPU利用率和执行时间的优化是如此的重要),下面是一章本书性能优化的章节示意图: 不同的指标都适合于不同的性能测量领域,如数据库访问时间的性能测量可能不适合评价一个客 ...

  10. Spring MVC-控制器(Controller)-属性方法名称解析器(Properties Method Name Resolver )示例(转载实践)

    以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_propertiesmethodnameresolver.htm 说明:示例基于S ...