• 数组的操作方法


    1.获取数组长度;

    var array = ['a','b','c','d','e'];
    var length = array.length;
    console.log(length); // 5

    2.数组新增或删除元素;

      (1) 新增元素: push()   数组尾部插入, 直接改变原数组, 返回新数组长度

    var array = ['a','b','c','d','e'];
    var value = array.push('f');
    console.log(value); // 6

      (2)新增元素:unshift()  数组头部插入,  直接改变原数组, 返回新数组长度

    var array = ['a','b','c','d','e'];
    var value = array.unshift('f');
    console.log(value); // 6

      (3) 删除元素: pop()   数组尾部删除, 直接改变原数组, 返回删除的数组元素

    var array = ['a','b','c','d','e'];
    var value = array.pop();
    console.log(value); // e

            (2)删除元素:shift()  数组头部删除,  直接改变原数组, 返回删除的数组元素

    var array = ['a','b','c','d','e'];
    var value = array.shift();
    console.log(value);// a

    3.数据索引;

      array.indexOf(item, index)  参数:item:需要查询的元素值,index:开始查询的位置 ,返回值:返回查询到第一个对应的元素值在数组中的位置,没有时返回-1

    var array = ['a','b','c','d','e'];
    var value = array.indexOf('d', 1);
    console.log(value); // 3

    4.数组截取;

      (1)slice: 将截取的数组生成一个新的数组,并不会对原数组有影响

          参数说明:参数1:开始截取的位置,参数2:最后截取的位置
             返回结果:生成一个新数组,从参数1截取到参数2,但不包括参数2位置的原速度
     var array = ['a', 'b', 'c', 'd', 'e', 'f'];
     var newArray = array.slice(2,4);
     console.log(newArray);   // ["c", "d"]

           (2)splice: 将截取的数组生成一个新的数组,会改变原数组

               参数说明:参数1:开始截取的位置,参数2:需要截取的长度,参数3...:需要在截取位置插入的元素
                    返回结果:生成一个新数组
    var array = ['a','b','c','d','e','f']; 
    var newArray = array.splice(2, 4, 'k');
    console.log(newArray); // ["c", "d", "e", "f"]
    console.log(array); // ["a", "b", "k"]
  • 相关阅读:
    三款主流静态源代码安全检测工具比较
    原生JS封装ajax以及request
    vue生命周期
    微信 jssdk 逻辑在 vue 中的运用
    JS数组中的indexOf方法
    React和Vue中,是如何监听变量变化的
    Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装
    VUE使用中踩过的坑
    Vue系列(一):简介、起步、常用指令、事件和属性、模板、过滤器
    Vue系列(二):发送Ajax、JSONP请求、Vue生命周期及实例属性和方法、自定义指令与过渡
  • 原文地址:https://www.cnblogs.com/Rhea-rui/p/12193025.html
Copyright © 2020-2023  润新知