javascript - 合并数组中具有两个相同键值对的对象

Question

正如标题所示，我正在寻找一种方法来合并具有两个相同键值对的数组中的对象。例如，

var ingredients = [
 {name: 'egg',qty: 3,msr: large},
 {name: 'egg',qty: 3,msr: large},
 {name: 'egg',qty: 3,msr: tbsp},
 {name: 'bacon',qty: 1,msr: cup}
];

期望的结果:

ingredients = [
 {name: 'egg',qty: 6,msr: large},
 {name: 'egg',qty: 3,msr: tbsp},
 {name: 'bacon',qty: 1,msr: cup}
];

任何建议表示赞赏!

Answer 1

您可以尝试使用 Array#reduce与 Array#find 结合构建新的数组。

我会通过name和msr检查您的对象是否存在。

看我的例子

var ingredients = [
 {name: 'egg',qty: 3,msr: 'large'},
 {name: 'egg',qty: 3,msr: 'large'},
 {name: 'egg',qty: 3,msr: 'tbsp'},
 {name: 'bacon',qty: 1,msr: 'cup'}
];

result = ingredients.reduce((acc, el) => {
  var existEl = acc.find(e => e.name == el.name && e.msr == el.msr);
  
  if (existEl) {
    existEl.qty = existEl.qty + el.qty;
  } else {
    acc.push(el);
  }
  
  return acc;
}, []);

console.log(result);