ES6 展开运算符/剩余参数

展开运算符

在需要展开的目标前加… 三个点即可将目标的值取出
展开运算符被取出后,不影响自身的数据,做的是个值拷贝的工作

        let arr=["a","b","c","d"]
        let arr2=[1,2,3,4,...arr]
        let arr3=[...arr,"av"]
        console.log(arr3); //["a", "b", "c", "d", "av"]

剩余参数:解构赋值+展开运算符

        let obj={
            a:1,
            b:2
        }
        let obj2={
            c:3,
            f:4,
            ...obj
        }
        console.log(obj2); //{c: 3, f: 4, a: 1, b: 2}

把剩余参数都放在 …t中,c f 中必须为对应的数值

let {c,f,...t}=obj2; //c,f 相当于let c=obj2.c  let f=obj2.f
console.log(c,f,t)  //输出 3 4 {a: 1, b: 2}
发布了96 篇原创文章 · 获赞 26 · 访问量 7281

猜你喜欢

转载自blog.csdn.net/weixin_46146313/article/details/104192625