ES6展开运算符的3个用法

展开运算符的用法1：传参

  　　　　// 展开运算符的用法1 : 传参 
        function test(a,b) {
            return a + b ;
        }

        var arr = [1,2];

        console.log(test(...arr)); // 3 

 参数不确定时

        function test(...m) {
            var s = 0
            for(var i of m){
                s = s + i;
                console.log(i); // 1,6,3
            }
            return  s ;
        }
        console.log(test(1,6,3));   // 10 

 

展开运算符的用法2：往数组添加元素

//展开运算符的用法2 ： 往数组里添加元素
        var items = [1,2,3];
        var newArr  =  [...items,4]
        console.log(newArr); // [1,2,3,4]

 

展开操作符的用法3：合并对象属性

//展开操作符的用法3：合并对象属性
        var obj = {name:"zs",age:12};
        var obj2 = {age:14,addr:"gz"}
        console.log({...obj,...obj2}); // {name:"zs",age:14,addr:"gz"}

 展开操作符的用法4：合并数组

  //展开操作符用法4：合并数组
        var arr = [1,2];
        var arr2 = [3,4];
        console.log(...arr,...arr2); // 1 2 3 4

 

展开操作符用法5:解构赋值

 //展开操作符用法5:解构赋值
        var [a,...b] = [3,4,5];
        console.log(a); // 3
        console.log(b); // [4,5]

 

展开操作符用法6:分解字符串

   //展开操作符用法6:分解字符串
        var str = "test";
        console.log(...str); // t e s t 
        var [a,b,c,d] = [...str]
        console.log(a); // t 
        console.log(b); // e 
        console.log(c); // s 
        console.log(d); // t