欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何理解es6的对象的解构赋值和扩展

程序员文章站 2022-07-02 12:57:03
...
1 解构赋值

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };

对象的解构赋值用于从一个对象取值,相当于将所有可遍历的、但尚未被读取的属性,分配到指定的对象上面。所有的键和它们的值,都会拷贝到新对象上面。


上面代码结果是:x = 1,y = 2,z = {a:3,b:4}


扩展运算符

let z = { a: 3, b: 4 };
let n = { ...z };

n的结果是{ a: 3, b: 4 }