JavaScript如何使用展开运算符合并对象和对象数组

JavaScript如何使用展开运算符合并对象和对象数组

小编给大家分享一下JavaScript如何使用展开运算符合并对象和对象数组，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

使用展开运算符合并对象和对象数组

对象合并是很常见的事情，我们可以使用新的ES6特性来更好，更简洁的处理合并的过程。

//mergingobjectsconstproduct={name:'Milk',packaging:'Plastic',price:'5$'}constmanufacturer={name:'CompanyName',address:'TheCompanyAddress'}constproductManufacturer={...product,...manufacturer};console.log(productManufacturer);//outputs{name:"CompanyName",packaging:"Plastic",price:"5$",address:"TheCompanyAddress"}//merginganarrayofobjectsintooneconstcities=[{name:'Paris',visited:'no'},{name:'Lyon',visited:'no'},{name:'Marseille',visited:'yes'},{name:'Rome',visited:'yes'},{name:'Milan',visited:'no'},{name:'Palermo',visited:'yes'},{name:'Genoa',visited:'yes'},{name:'Berlin',visited:'no'},{name:'Hamburg',visited:'yes'},{name:'NewYork',visited:'yes'}];constresult=cities.reduce((accumulator,item)=>{return{...accumulator,[item.name]:item.visited}},{});console.log(result);/*outputsBerlin:"no"Genoa:"yes"Hamburg:"yes"Lyon:"no"Marseille:"yes"Milan:"no"NewYork:"yes"Palermo:"yes"Paris:"no"Rome:"yes"*/

以上是“JavaScript如何使用展开运算符合并对象和对象数组”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道！