How JavaScript uses unfold operations to match union objects and object arrays

Editor to share with you how to use JavaScript expansion operation to match and join objects and object arrays, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Use unfold operations to match union objects and object arrays

Object merging is a common thing, and we can use the new ES6 features to handle the merging process better and more succinctly.

/ / merging objectsconst product = {name: 'Milk', packaging:' Plastic', price:'5 $'} const manufacturer = {name: 'Company Name', address:' The Company Address'} const productManufacturer = {... product,... manufacturer}; console.log (productManufacturer) / / outputs {name: "Company Name", packaging: "Plastic", price: "5 $", address: "The Company Address"} / / merging an array of objects into oneconst cities = [{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:' New York', visited: 'yes'}] Const result = 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" New York: "yes" Palermo: "yes" Paris: "no" Rome: "yes" * / above is all the content of the article "how JavaScript uses unfold operations to match objects and object arrays". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!