美文网首页
js数组方法之改变或不改变原数组

js数组方法之改变或不改变原数组

作者: 熬得萨菲 | 来源:发表于2020-02-07 00:25 被阅读0次

数组方法

改变原数组

  • push() :将参数添加到数组尾部

    • 返回添加后的数组的长度
  • pop() : 将参数从数组尾部删除

    • 返回删除的元素值,如果数组的长度为0,则返回undefined
  • unshift() : 将参数添加到数组头部

    • 返回添加后数组的长度
  • shift() : 将参数从数组头部删除

    • 返回删除的元素值,如果数组的长度为0,则返回undefined
  • reverse() : 数组倒序

    • 返回倒序后的数组,并不会创建新数组
  • sort() : 数组排序

    • 返回排序后的数组,但是范围只满足0-9的元素,超过这个值就得调用他的回调函数
    • 用法如下: a - b , 正序, b - a, 倒序, a - b = 0,返回0
    var arr = [2,1,3,4, 15, 11, 14, 12]
    arr.sort((a, b) => a - b) //[1, 2, 3, 4, 11, 12, 14, 15]
    arr.sort((a, b) => b - a) // [15, 14, 12, 11, 4, 3, 2, 1]
    
    // 错误的使用,因为元素已经大于9了
     arr.sort() // [1, 11, 12, 14, 15, 2, 3, 4]
    

不改变原数组

  • concat(): 用于合并两个或多个数组

    • 返回合并的一个数组的副本
    [1,2].concat([3,4])  // [1,2,3,4]
    ```
    
    
  • join() : 返回一个字符串

    • [1,2].join() // '1,2'
  • slice(start, end): 剪切从索引start,到索引end数组

    • 开闭区间: [start,end)返回一个新的数组
  • splice(start, deleteCount, item1, item2,...): 插入或移除或替换元素

    • 如果是移除或替换,则返回数组中被移除的元素所组成的新数组,如果不是删除,则返回空数组
    • 参数:
      1. start: 起点索引
      2. deleteCount: 需要移除的元素个数
      3. item1,item2...: 需要插入的参数
    var arr = [1,2,3,4];
    ---------新增---------------
    arr.splice(1,0,4,5) // 插入返回空数组 []
    console.log(arr) // [1,4,5,3,4]
    --------替换[1,4,5,3,4]----------
    arr.splice(1,1,10,11) // 返回被替换的元素 [4]
    console.log(arr) // [1,10,11,5,3,4]
    --------移除[1,10,11,5,3,4]-------
    arr.splice(1,3) // [10, 11, 5]
    console.log(arr) // [1,3,4]
    

相关文章

  • js数组方法之改变或不改变原数组

    数组方法 改变原数组 push() :将参数添加到数组尾部返回添加后的数组的长度 pop() : 将参数从数组尾部...

  • JavaScript数组常用方法整理

    js数组常用方法整理 Array.push()  向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。...

  • Array对象常用方法

    Array对象常用方法中: 不改变原数组: 1、 concat()连接两个或多个数组不改变原数组返回被连接数组的一...

  • 重温JS中Array对象常用方法总结

    Array对象常用方法中: 不改变原数组: 1、 concat() 连接两个或多个数组 不改变原数组 返回被连接数...

  • 前端学习大纲-基础篇

    js基础 数组操作哪些会改变原数组(pop、splice、reverse等等)哪些不会改变原数组(map、redu...

  • 小练习3

    1.JS数组的方法,哪些会改变自身数组,哪些不会改变自身数组? 改变自身数组 push() 方法可向数组的末尾添加...

  • js 数组

    js 中数组的长度发生改变,数组就真的发生改变,快速清空数组就让数组长度为0js 数组的方法

  • js数组方法汇总

    需求: js数组(Array)方法汇总 索引: 对数组方法的学习和汇总,分为三大类: 一,改变原数组的方法(10种...

  • Javascript中常用的Array对象操作方法

    1、splice方法:(改变原数组) 具体举例如下: 2、slice方法:(不改变原数组,返回一个新的数组) 3、...

  • js字符串和数组的方法

    未完待续 1 js中数组的方法哪些能改变原数组?(7种) Reverse(),sort() ----颠倒顺序、排序...

网友评论

      本文标题:js数组方法之改变或不改变原数组

      本文链接:https://www.haomeiwen.com/subject/mlvpxhtx.html