Question

这两个小时以来，我一直在工作，并且在Google周围搜索，看到很多删除重复项的示例，但未合并其值。所以我希望有人可以在这里帮助我。

我要检查商品名称是否相同，然后将价格加在一起，然后推到新的列表数组中。

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

这将起作用。您可以将reduce与Find配合使用。

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)

Answer 2

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方法以了解其工作原理

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

2 个答案: