剩余参数和展开运算符

目录

剩余参数的基本概念和使用

可以使用剩余参数代替arguments

可以与对象和数组的解构赋值一起使用

展开运算符

将数组变为展开的序列

数组复制

数组的合并

 将类数组转化为数组

将字符串展开

对象展开

对象合并

对象展开的注意事项

空对象展开还是空对象

非对象展开

对象的内部属性还是对象，内部对象不会展开

对象展开的应用

复制对象

剩余参数的基本概念和使用

将参数以数组的形式存放

剩余参数只能写在最后，其他参数不可以写在剩余参数后面

   <script>
        // 剩余参数的写法...args(名称随意)
        const sum=(a,b,...args)=>{
            // 使用的时候只用args
            console.log(a,b,args)
        };
        sum(1,2,1,4);//1 2 Array(2)
    </script>

可以使用剩余参数代替arguments

arguments在箭头函数的中是无法是使用的

    const fun=function(){
            console.log(arguments);
        }
        fun(1,2,3);//Arguments(3),类数组

       // 使用箭头函数
        const fun1=(...args)=>{
            console.log(args);
        }
        fun1(1,2,3,4);//(4) [1, 2, 3, 4]

可以与对象和数组的解构赋值一起使用

    <script>
        // 与数组解构赋值
            const [a,...args]=  [11,22,33];
            // console.log(a,args);
            // 与对象解构赋值
            const {age,...args1}={age:12,name:"xiaoming",sex:"nan"};
            // args1是剩余元素
            console.log(age,args1);// sum_num
    </script>

展开运算符

将数组变为展开的序列

   <script>
        // 求最小值输入的数据要求是展开的
       console.log( Math.min(1,3,2));
       const a =[2,3,4,1];
       console.log(Math.min(...a));
    </script>