JavaScript 之对象展开运算符 ...

JavaScript 之对象展开运算符 …

对象展开运算符 … 是 JavaScript 中的语法，用于展开一个对象中的属性。

具体来说，对象展开运算符 … 用于将一个对象中的属性展开，并将它们合并到另一个对象中，或者用于创建一个新的对象。

JavaScript 扩展运算符是在 ES6 中引入的，扩展运算符可用于创建和克隆数组和对象、将数组作为函数参数传递、从数组中删除重复项等等。

使用举例

合并对象：

const obj1 = { foo: 'foo' };
const obj2 = { bar: 'bar' };

const merged = { ...obj1, ...obj2 };
console.log(merged); // { foo: 'foo', bar: 'bar' }
在上述示例中，...obj1 和 ...obj2 将 obj1 和 obj2 对象中的属性展开，并将它们合并到一个新的对象 merged 中。

创建新对象：

const obj1 = { foo: 'foo', bar: 'bar' };
const newObj = { ...obj1, baz: 'baz' };
console.log(newObj); // { foo: 'foo', bar: 'bar', baz: 'baz' }

在这个示例中，…obj1 将 obj1 对象中的属性展开，并创建一个新的对象 newObj。同时，我们还可以添加其他的属性，例如 baz: ‘baz’。

复制对象：

const obj = { foo: 'foo', bar: 'bar' };
const copy = { ...obj };
console.log(copy); // { foo: 'foo', bar: 'bar' }

通过使用对象展开运算符 …，我们可以快速地创建一个对象的副本，并将其赋值给另一个变量。