如何在数组中合并重复的对象值然后输出一个列表？

Question

我一直在研究这几个小时并在谷歌周围搜索，看到很多删除重复的示例，但没有合并值。所以我希望有人可以在这里帮助我。

我想检查 item.name 是否相同，然后将价格加在一起，然后推送到新的列表数组。

const items = [
  { name: 'apple',      price: '10' },
  { name: 'banana',     price: '1' },
  { name: 'orange',     price: '2' },
  { name: 'apple',      price: '5' },
  { name: 'orange',     price: '2.5' },
  { name: 'banana',     price: '3' },
  { name: 'strawberry', price: '7' },
  { name: 'apple',      price: '12' }
]

let newItem = []
const checkItem = items.map((prev, next) => {
  if (prev.name === next.name) {
    return newItem.push = {
      name: next.name,
      value: parseInt(prev.price) + parseInt(next.price)
    }
  }
});

console.log(newItem)

非常感谢您的帮助！

Answer 1

var new_array = arr.map(function callback(currentValue[, index[, array]]) {
    // Return element for new_array
}[, thisArg])

Array​.prototype​.map() 的回调函数的前两个参数是 currentValue，即数组的项，第二个值是它的索引，而不是 prev 和 next 元素。

你要找的是这样的东西。

const items = [
  { name: "apple", price: "10" },
  { name: "banana", price: "1" },
  { name: "orange", price: "2" },
  { name: "apple", price: "5" },
  { name: "orange", price: "2.5" },
  { name: "banana", price: "3" },
  { name: "strawberry", price: "7" },
  { name: "apple", price: "12" }
];

const combine = items.reduce((acc, item) => {
  if (acc[item.name] !== undefined) {
    acc[item.name] += Number(item.price);
  } else acc[item.name] = Number(item.price);
  return acc;
}, {});

const fruitKeys = Object.keys(combine);

newItem = fruitKeys.map(item => ({ name: item, price: combine[item] }));

console.log(newItem);

我将解决方案分为两个步骤，即对象的组合和重建，以便您可以清楚地看到正在发生的事情。

我强烈建议您参考documentation for reduce 方法以了解其工作原理

Answer 2

这会起作用。您可以在 Find 中使用 reduce。

const items = [{
    name: 'apple',
    price: '10'
  },
  {
    name: 'banana',
    price: '1'
  },
  {
    name: 'orange',
    price: '2'
  },
  {
    name: 'apple',
    price: '5'
  },
  {
    name: 'orange',
    price: '2.5'
  },
  {
    name: 'banana',
    price: '3'
  },
  {
    name: 'strawberry',
    price: '7'
  },
  {
    name: 'apple',
    price: '12'
  }
]

let result = items.reduce((acc, el) => {
  if (acc.filter(ele => ele.name == el.name).length == 0) {
    acc.push(el);
  } else {
    let filtered = acc.find(ele => ele.name == el.name)
    filtered.price = parseFloat(filtered.price) + parseFloat(el.price);
}
return acc;

}, [])

console.log(result)