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. 《深入理解Java虚拟机》笔记7

    组内有人问我,她写的程序总是在短时间内就jvm异常. 另外,debug时候又可以正常通过,写的逻辑并不复杂, 只是用poi检索Excel.第一反应还是程序可能写的有问题, 也许写了一个jvm未预测的错 ...

  2. 亲測,Eclipse报"An error has occurred,See error log for more details. java.lang.NullPointerException"

    Eclipse报"An error has occurred,See error log for more details. java.lang.NullPointerException&q ...

  3. apache无法启动:The request operation has failed

    apache无法启动提示the requested operation has failed 的错误信息,有以下几种解决方法:1.80端口占用 apache默认使用的端口是80,而IIS和迅雷用的也是 ...

  4. MVC入门教程二[第一个小Demo](转载)

    本文目标 1.了解"模型"."视图"."控制器"的创建.调试和使用过程. 本文目录 1.创建模型 2.创建视图 3.创建控制器 4.调试 5 ...

  5. Springboot配置文件加载顺序

    使用Springboot开发的时候遇到了配置的问题,外部config里的配置文件本来没有配置https怎么启动还是https呢,原来开发中测试https在classpath路径的配置文件添加https ...

  6. Android 歌词显示

    一.概述 项目中设计到歌词显示的问题,这一块之前没有涉及过,只是套用过一个开源的项目,效果还行,于是想到拿来稍作修改,以适应项目需求. 二.歌词控件 先来看下这个自定义控件写的歌词控件吧: publi ...

  7. 图片转成base64, base64转成图片

    1.我们在看代码时经常在img或css背景图片中看到: src=”data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgA ...

  8. Odoo,OpenERP widget标签

    Odoo,OpenERP widget标签 widget="statusbar" 头部状态条标签 widget="email"  电子邮件地址标签 widget ...

  9. java 状态对象

    package cn.itcast.hibernate.sh.state; import org.hibernate.Session; import org.hibernate.Transaction ...

  10. Sublime Text 3 JS 格式化插件 JsFormat的配置使用

    1.首先需要下载安装包:(下载地址:https://github.com/jdc0589/JsFormat) 2.插件包放到sublime安装目录的Data\Packages目录中 3.快捷键 Ctr ...