扩展操作符是JavaScript中一个强大的工具，能够快速简便地完成对象的克隆和合并。在ES10中，我们可以使用扩展操作符进行对象的克隆及合并。
对象的克隆
对象的克隆可以使用扩展操作符作为对象的“复制器”，快速地生成一个新对象。下面是一个简单的示例代码：
const obj = {name: 'apple', color: 'red', price: '2.5'};
const newObj = {...obj};在该代码中，我们通过扩展操作符将原对象obj进行克隆，生成一个新的对象newObj。现在，我们可以在不改变原对象的情况下对newObj进行任何操作，同时不会对obj产生影响。
对象的合并
对象的合并是指将两个或者多个对象合并成一个新的对象。在ES10中，我们可以使用扩展操作符完成对象的合并。下面是一个简单的示例代码：
const obj1 = {name: 'apple', color: 'red'};
const obj2 = {price: '2.5', origin: 'USA'};
const newObj = {...obj1, ...obj2};在该代码中，我们通过扩展操作符将对象obj1和obj2进行合并，生成一个新的对象newObj。现在，我们可以在任何操作中使用newObj，将会包含obj1和obj2中的所有属性。
扩展操作符与Object.assign的区别
在ES6之前，我们使用Object.assign()方法进行对象的合并。那么，扩展操作符和Object.assign()有什么区别呢？
首先，Object.assign()是一个自动改变第一个对象的方法，而扩展操作符不会改变任何一个对象。其次，Object.assign()对于深层的数据结构需要进行手动转换，而扩展操作符会进行递归合并。最后，Object.assign()需要保证所有的属性都是可枚举的，而扩展操作符不需要。
因此，在进行对象的合并和克隆时，我们更推荐使用扩展操作符。
总结
ES10中的扩展操作符是一个非常强大的工具，能够方便地进行对象的克隆和合并。通过本文的介绍，希望读者能够深入了解该操作符的使用方法，从而在前端开发中快速高效地处理对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647ec5cb48841e9894e73e86