JS ES6展开运算符有哪些神奇用法？

本文共计1035个文字，预计阅读时间需要5分钟。

目录

1.添加属性

2.合并多个对象

3.删除对象属性

4.动态删除属性

5.调整属性顺序

6.设置属性默认值

7.属性重命名

8.更多操作

1. 添加属性，复制对象属性同时添加新属性

目录

• 1. 添加属性
• 2. 合并多个对象
• 3. 移除对象属性
• 4.动态移除属性
• 5. 调整属性顺序
• 6. 设置属性默认值
• 7: 属性重命名
• 8. 还有更秀的操作

1. 添加属性

复制对象的同时，为其添加新的属性。

例子中复制了user对象到userWithPass，并添加了password属性。

const user = { id: 110, name: 'Kayson Li'} const userWithPass = { ...user, password: 'Password!' } user //=> { id: 110, name: 'Kayson Li'} userWithPass //=> { id: 110, name: 'Kayson Li', password: 'Password!' }

2. 合并多个对象

利用...可以合并多个对象到一个新的对象。