【扩展运算符】

 /*
           扩展运算符:...数组/对象
        */
       // 1、遍历数组
       var arr = [1,2,3,4,5,6]
       console.log(arr);
       var [x,y,z,m,n] = arr
       console.log(x,y,z,m,n);
       console.log(...arr);
       //2、当前数组中的元素
       var arr2 = ['a',...arr,'b']
       console.log(arr2);
       //3、深拷贝
       var [...newArr] = arr
       console.log(...newArr);
       newArr.push(7)
       console.log(newArr);
       console.log(arr);
       //4、函数的调用
       function fn(x,z,c,v,b){
        console.log(x,z,c,v,b);
       }
       fn(...arr)
       //5、与解构赋值结合
       var [x,...arr3] = arr
       console.log(x,...arr3);
       //6、转换成真正的数组
       var str = '按名次哦怕文末i南非的茅屋'
       console.log(Array.from(str));
       console.log([...str]);
       //7、对象 扩展运算 :用法:4种 :  //1、赋值
                                        //2、对象的扩展运算符后面可以跟着表达式
                                        //3、扩展运算符后面跟着一个字符串,会将这个字符串转化为数组型对象
                                        //4、如果扩展运算符后面不是对象,则会自动转化为对象,由于该对象没有自身属性,所以返回新数组

       var obj1 ={
        a:1,
        b:2,
        c:5
       }
       var obj2 = {
        c:3,
        d:4,
        ...obj1
       }
       console.log(obj1);
       console.log(obj2);
    // const arrayNumbers = [1, 1, 9, 9, 3, 3, 5, 5, 7, 7, 10, 10, 4, 4, 5, 2, 2, 5];
    // const newNumbers = [...new Set(arrayNumbers)];
    // console.log(newNumbers); // [ 1,  5, 9, 3, 7, 10, 4, 2 ]
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值