zoukankan      html  css  js  c++  java
  • js中数组的操作方法

    今天给大家带来一篇有关数组操作方法的文章。

    新建数组

    • 方法一:通过new运算符创建一个数组构造函数。
    var arr = new Array();
    
    • 方法二:通过方括号直接创建直接量数组。
    var arr = [1,2,3];
    

    添加数组中的元素

    • 方法一:通过下标添加元素。
    var arr = new Array();
    arr[0] = 'kwan';
    arr[1] = 18;
    
    • 方法二:通过arraypush方法来添加。

    说明一点push是往数组末尾添加新元素。

    var arr = new Array();
    arr[0] = 1;
    arr[1] = 2;
    arr[2] = 3;
    arr.push(4); // result is [5,1,2,3,4];
    
    • 方法三:通过arrayunshift方法来添加。

    说明一点unshift是网数组最前面添加一个新元素。

    var arr = new Array();
    arr[0] = 1;
    arr[1] = 2;
    arr[2] = 3;
    arr.unshift(4); // result is [4,1,2,3];
    

    修改数组中的元素

    通过下标修改元素内容。

    var arr = new Array();
    arr[0] = 1;
    arr[1] = 2;
    arr[2] = 3;
    //下标修改
    arr[0] = 4;
    console.log(arr); // result is [4,2,3];
    

    删除数组元素内容

    • 方法一:通过arraypop方法来添加。

    说明一点pop是往数组删除末尾元素。

    var arr = new Array();
    arr[0] = 1;
    arr[1] = 2;
    arr[2] = 3;
    arr.pop(); // result is [1,2];
    
    • 方法二:通过arrayshift方法来添加。

    说明一点shift是网数组删除最前面一个元素。

    var arr = new Array();
    arr[0] = 1;
    arr[1] = 2;
    arr[2] = 3;
    arr.shift(); // result is [2,3];
    

    合并数组

    concat方法来合并另外一个数组。

    var arr = [1,2,3];
    var arr1 = [4,5,6];
    var arr2 = arr.concat(arr1);
    console.log(arr2); // [1,2,3,4,5,6];
    

    删除指定数组

    splice方法来合并另外一个数组。

    注意:splice方法接受两个参数,一个从哪里开始,一个是到哪里结束。

    var arr = [1,2,3];
    arr.splice(0,1);
    console.log(arr); // [2,3];
    

    截取指定数组

    slice方法来合并另外一个数组。

    注意:slice方法接受两个参数,一个从哪里开始,一个是到哪里结束(但是不包括这个结束的元素本身)。如果是负数,就从倒数第几个。

    var arr = [1,2,3];
    console.log(arr.slice(0,1);); // [1];
    

    写在最后

    今天的数组操作方法就介绍这么多,以后会持续更新的。

  • 相关阅读:
    php 下载文件
    thinkphp3.1 发送email
    微擎 plugin 时间插件 图片上传插件不显示 报错 影响下面执行
    Java中基本数据类型的对比记忆
    堆内存设置以及垃圾回收方式
    try--catch--finally中return返回值执行的顺序(区别)
    Java中的值传递和引用传递
    全面总结sizeof的用法(定义、语法、指针变量、数组、结构体、类、联合体、位域位段)
    10进制转换成16进制最简单的方法
    quartz 框架定时任务,使用spring @Scheduled注解执行定时任务
  • 原文地址:https://www.cnblogs.com/guanqiweb/p/10231146.html
Copyright © 2011-2022 走看看