zl程序教程

您现在的位置是:首页 >  Javascript

当前栏目

js技巧之使用展开运算符合并对象和对象数组

2023-02-26 10:20:01 时间
// merging objects const 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 one const 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); /* outputs Berlin: "no" Genoa: "yes" Hamburg: "yes" Lyon: "no" Marseille: "yes" Milan: "no" New York: "yes" Palermo: "yes" Paris: "no" Rome: "yes" */ 

js技巧之使用展开运算符合并对象和对象数组


本站部分内容转载自网络,版权属于原作者所有,如有异议请联系QQ153890879修改或删除,谢谢!
转载请注明原文链接:js技巧之使用展开运算符合并对象和对象数组

你还在原价购买阿里云、腾讯云、华为云、天翼云产品?那就亏大啦!现在申请成为四大品牌云厂商VIP用户,可以3折优惠价购买云服务器等云产品,并且可享四大云服务商产品终身VIP优惠价,还等什么?赶紧点击下面对应链接免费申请VIP客户吧:

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)
[[email protected]]
分享 (0)