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

2023-12-29 14:38:48

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' }

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

文章来源:https://blog.csdn.net/inthat/article/details/135288890
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。