JavaScript中数组Array常用的方法总结

标签(空格分隔): JavaScript


ECMAScript数组给我们提供了许多常用的方法,便于我们对数组进行操作,下面,就来总结一下这些方法。

  1. pop()和push()

    这两个方法可以说是一对互斥的方法。push()可以接受任意数量的参数,并将他们添加到数组的末尾,同事返回修改后数组的长度,而pop()则从数组末尾移除最后一项,减少数组length的值,返回被移除的项

代码:

    var colors=["red","blue"];
var result1=colors.push("yellow");
console.log(result1);//3
console.log(colors);//red,blue,yellow
var result2=colors.pop();
console.log(result2);//yellow
console.log(colors);//red,blue
  1. shift()和unshift()

    与pop()和push()相呼应的就是unshift()和shift()。

    shift()能够移除数组中的第一项并返回该值,而unshift()能够在数组前端添加任意个项,并返回数组的长度。

    代码

    var colors=["red","blue"];
    var result1=colors.unshift("yellow");
    console.log(result1);//3
    console.log(colors);//yellow,red,blue
    var result2=colors.shift();
    console.log(result2);//yellow
    console.log(colors);//red,blue
  2. slice()

    slice的中文意思就是切开,所以这个方法就是把一个数组从某个位置切开,这个方法需要传递一个或两个参数,当传递一个参数时返回从指定开始位置到当前数组末尾的所有项,如果传递两个参数,则返回从指定开始位置到指定结束为止之间的所有项,但不包括该指定的结束项。这个方法不会影响原来的数组。

    var arr=[0,1,2,3,4,5,6];
    console.log(arr.slice(2));//2 3 4 5 6
    console.log(arr.slice(2,4));//2 3注意这里不包括4
  3. splice()

    splice的意思是拼接。这个方法用法很多,可以用于删除,当我们传入两个参数是,第一个参数表示要删除的第一项的位置第二项表示要删除的项数;

    可以用于插入,可以传入入任意多个项,但第一项任然表示起始位置,第二项为0(即一项也不删除),后面可以传入任意多个项;可以用于替换,只需将第二个参数设置被替换的项数即可,这个方法会返回一个数组,包含被删除的项,如果没有则返回空数组。

    var arr=[0,1,2,3,4,5,6];
    console.log(arr.splice(1,2));
    //返回[1,2],arr=[0,3,4,5,6]
    console.log(arr.splice(1,0,"a","b"));
    //返回[],arr=[0,"a","b", 3,4,5,6]
    console.log(arr.splice(1,3,"你","好"));
    //返回["a","b","3"],arr=[0,"你","好",4,5,6]

    ps:最近刚开始学习,所以有很多的知识可能理解的很肤浅甚至可能是错误的,所以希望各位大神能够批评指正,谢谢!

    ----关爱“小学生”协会

JavaScript中数组常用方法的总结的更多相关文章

  1. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

  2. JavaScript中数组操作常用方法

    JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...

  3. javascript中数组Array的方法

    一.常用方法(push,pop,unshift,shift,join)push pop栈方法,后进先出var a =[1,2,3];console.log(a.push(40)); //4 返回数组的 ...

  4. Javascript中数组

    Javascript中数组 1.什么是数组 所谓的数组就是一组数据的集合,在内存中表现为一段连续的内存地址(保存在堆内存) 2.创建数组的含义 创建数组的目的:就是为了保存更多的数据 3.数组的定义 ...

  5. JavaScript中数组Array方法详解

    ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的. 1.Array.join()方法 Array.join()方 ...

  6. javascript中数组的常用算法深入分析

    Array数组是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.本文将给大家详细介绍了javascri ...

  7. javascript中数组化的一般见解

    javascript中数组化的一般见解,数组化浏览器中存在许多类数组对象,往往对类数组操作比较麻烦,没有数组那些非常方便的方法,在这种情况下,就有了数组化方法. 数组化的一般方法 1.第一种也是我们最 ...

  8. 总结Javascript中数组各种去重的方法

    相信大家都知道网上关于Javascript中数组去重的方法很多,这篇文章给大家总结Javascript中数组各种去重的方法,相信本文对大家学习和使用Javascript具有一定的参考借鉴价值,有需要的 ...

  9. JavaScript中数组Array.sort()排序方法详解

    JavaScript中数组的sort()方法主要用于对数组的元素进行排序.其中,sort()方法有一个可选参数.但是,此参数必须是函数. 数组在调用sort()方法时,如果没有传参将按字母顺序(字符编 ...

随机推荐

  1. TCP的状态(SYN,FIN等)

    TCP的标志位有SYN,FIN,RST,ACK,PSH,URG SYN:建立连接. FIN:关闭连接. RST:连接重置. ACK:响应. PSH:有数据传输. URG:urgent紧急. ACK可以 ...

  2. i3wm配置记录

    因为工作用的笔记本配置比较差,一直用的是xfce4的桌面环境,最近发现其实基本就在浏览器.终端以及编辑器几个界面切换,所以何不直接用平铺窗口管理器,进一步节约资源. 选了一圈,似乎i3wm比较简单,主 ...

  3. java将SSL证书导入系统密钥库

    之前安装JIRA和Confluence,配置了SSL证书之后遇到应用程序链接的问题: SSL证书不被信任,导致JIRA和Confluence无法关联. 尝试过很多办法无果之后打算放弃. 最终还是放弃了 ...

  4. Android数据库之基本概念(上)

    1.Android数据库简单介绍 Android通过结合使用SQLite数据库和Content Provider,提供了结构化数据的持久功能. SQLite数据库能够通过一种结构化的.易于管理的方法来 ...

  5. unable to connect to ssl://gateway.sandbox.push.apple.com:2195 错误

    使用APNS 搭建苹果推送服务器错误:unable to connect to ssl://gateway.sandbox.push.apple.com:2195 错误 1:检查你的服务器的端口 21 ...

  6. 让你的 wowza server提供 RESTful web 服务

            有时我们 nginx 须要和 wowza 服务器交互以进行一些 LB 事宜:有时我们的管理员须要实时了解 wowza 服务器的一些其它状态信息(比方一些自己定义对象的状态等等).而用 ...

  7. 老项目转为maven的步骤具体说明

    可先阅读 关于已有项目转为maven的一点看法 新建maven项目要点 事实上之前已转过几个.但忘了记录下来.今天又转了一个项目,补记录一下. 步骤 1.写pom.xml 最耗费时间的一步.由于不用m ...

  8. 记一次netty版本冲突,报java.lang.NoSuchMethodError: io.netty.util.internal.ObjectUtil.checkPositive的问题

    elasticsearch 5.6中使用TransportClient初始化抛异常 在引入elasticsearch5.6的transportclient包中,会引入netty进行通信. <!- ...

  9. unity Editor下自启动

    [InitializeOnLoad] 加上这个特性,并且在静态构造函数里写上内容.即可在Unity启动的时候自启动这个Editor脚本

  10. atitit.浏览器web gui操作类库 和 操作chrome浏览器的类库使用总结

    atitit.浏览器web gui操作类库 和 操作chrome浏览器的类库使用总结 1. 常见标准 1 1.1. 录制重放 1 1.2. 一个窗体一个proxy cookie 1 1.3. exec ...