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

数组方法

改变原数组

  • 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]
    
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原创声明 本文系作者辛苦码字所得,欢迎分享和转载,但请在明显位置注明作者的如下信息:笔名:来碗鸡蛋面简书主页:ht...
    来碗鸡蛋面阅读 3,234评论 0 4
  • 转载:在开发中,数组的使用场景非常多,平日中也涉及到很多数组的api/相关操作,一直也没有对这块内容进行一块整理总...
    七色烟火阅读 3,264评论 0 3
  • 首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组...
    JamHsiao_aaa4阅读 2,012评论 0 2
  • Javascript有很多数组的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,M...
    顽皮的雪狐七七阅读 4,221评论 0 6
  • 老马介绍了一个客户给我,据说是很有魄力的企业家。虽说暂时不缺业务,但是老马的背书还是让我很认真的对待。 他在北京我...
    沙秒阅读 112评论 0 0