js数组处理方法总结slice、join、filter、map、indexOf、reduce、reduceRight等

归纳总结数组的处理方法如下
1.splice()
功能:
1.删除:从数组中删除元素,两个参数,第一个参数(要删除元素的起始位置),第二个参数(要删除的项数)
2.添加:插入元素到数组中,三个参数,第一个参数(起始位置),第二个参数(0),第三个参数(插入的项数)
3.替换:删除、插入元素同时完成
输出:返回一个由删除元素组成的数组。
注意:新建了一个数组,并修改了原数组

var arr = [];
         arr.push(1);
         arr.push(2);
         arr.push(3);
         console.log(arr); //arr = [1,2,3]
        //  删除arr = [1,2,3]
        arr.splice(1,2);//删除 => 删除起始位置为1,删除项数为2
        console.log(arr); //arr = [1]

        //插入arr = [1]
        arr.splice(1,0,4,5,6); //插入 => 插入元素起始位置为1(参数一),删除0个元素(参数二),在起始位置后插入元素4,5,6
        console.log(arr); // [1, 4, 5, 6]
        
         //替换[1, 4, 5, 6]
         arr.splice(0,1,4); // 替换 -> 从下标为0开始,项数为1的数组元素替换成4
         console.log(arr);  // [4,4,5,6]
         arr.splice(0,2,8); // 替换 -> 从下标为0开始,项数为2的数组元素替换成8(即4,4整体替换成4)
         console.log(arr);  // [8,5,6]

2.slice
功能:截取数组生成新数组,原数组不受影响
用法:arrayObj.slice(start,end) (不包括该元素)start为开始位置下标,必选,end为结束位置下标,不必选
下标从0开始计算

  • arrayObj - 原始数组;
  • start - 必填;设定新数组的起始位置;如果是负数,则表示从数组尾部开始算起(-1
    指最后一个元素,-2 指倒数第二个元素,以此类推)。
  • end - 可选;设定新数组的结束位置;如果不填写该参数,默认到数组结尾;如果是负数,则表示从数组尾部开始算起(-1 指最后一个元素,-2
    指倒数第二个元素,以此类推)。
var list = [1,2,3,7,5,6,7,8,9]
        var list1 = list.slice(2,-1);//截取 => 参数一(开始的下标位置为2,值为3)参数二(负数表示从尾部向前倒数第一个,值为8)
        console.log('list---'+list);
        console.log('list1---'+list1);//[3,4,5,6,7,8]
        var list2 = list.slice(1,4); // => 按照下标值计算,包含参数一,不包含参数二
        console.log(list2) //[2, 3, 7]
        
        var aa = [1,2,3,4,5,6];
        console.log(aa.slice(2)); //[3,4,5,6]
        console.log(aa.slice(2,8)); //[3,4,5,6] 超过最大长度,只显示到最后结果
        console.log(aa.slice(2,5)); //[3,4,5]
        console.log(aa.slice(2,-1)); //[3,4,5] 相对于倒数第一个之前
        console.log(aa.slice(2,-2)); //[3,4] 相对于倒数第二个之前
        console.log(aa.slice(3)); //[4,5,6] 一个参数从第三个到最后
        console.log(aa.slice(-2));//[5,6] 一个参数负值从倒数第二个到最后

3. push()
功能:在数组末尾添加一个或多个元素,并返回新数组长度

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

4.pop()
功能:从数组末尾删除1个元素(删且只删除1个), 并返回 被删除的元素

 //pop() 从数组末尾删除1个元素(删且只删除1个), 并返回 被删除的元素
        var arr = [1,2,3,5,6,'a','b','c']
        console.log( arr.pop()) //c
        console.log(arr) //[1, 2, 3, 5, 6, 'a', 'b']

5.unshift()
功能:将参数添加到原数组开头,并返回数组的长度。该方法会改变原来的数组,而不会创建新的数组。

//unshift()
          var arr = [1,2,3,5,6,'a','b','c']
          console.log( arr.unshift('a')) //9 返回数组的长度
          console.log(arr) //['a',1, 2, 3, 5, 6, 'a', 'b']

6. shift()
功能:删除原数组第一项,并返回删除元素的值,如果数组为空则返回undefined。该方法会改变原来的数组,而不会创建新的数组。

 //shift()
        var arr = [1,2,3,5,6,'a','b','c']
        console.log( arr.shift()) //c
        console.log(arr) //[1, 2, 3, 5, 6, 'a', 'b']

7.join()
功能:将数组中所有元素都转化为字符串并连接在一起。

  //   join()
        var arr = [1,2,3,5,6,'a','b','c']
        console.log(arr) //
        console.log( arr.join('')) //12356abc

8. reverse()
功能:将数组中的元素颠倒顺序。

  // reverse()
        var arr = [1,2,3,5,6,'a'
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值