删除对象数组javascript / react-native中两个重复的字段之一

阿列霍·米洛(Alejo Millo)

我有一个对象数组,该对象返回名称:字符串和数量:数字,问题是我在数组中有许多对象,它们具有相同的名称字段值,但数量值不同,所以我想显示每个对象的所有数量的总和名称重复。我的代码在这里:

const productsArray = [{ name: "lamp", quantity: 10 }, {name: "glass", quantity: 4}, {name:"lamp", quantity: 5}]

灯是重复的,但是它具有不同的数量值,因此我想将这些数量值合并为一个总数量,并且仅显示一次名称。

期望的结果

产品名称:灯产品数量:15

产品名称:玻璃杯产品数量:4

请帮忙

缺口

我可能会使用的组合reduceObject.entries以及map实现这一目标。

const productsArray = [{ name: "lamp", quantity: 10 }, {name: "glass", quantity: 4}, {name:"lamp", quantity: 5}];

const combined = productsArray.reduce((acc, el) => {
  if (acc[el.name] === undefined) {
    acc[el.name] = 0;
  }
  acc[el.name] += el.quantity;
  return acc;
}, {});

const final = Object.entries(combined).map(([name, quantity]) => ({
  name,
  quantity
}));

console.log(final);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Javascript,从数组中两个相似对象之一中删除属性

在React Native中从数组onPress删除对象

React-Native从数组中删除对象

如何添加或删除两个输入字段并将这些输入存储在react中的数组中?

如何在 React 中使用 JavaScript 从数组中删除对象元素

使用Javascript从两个对象数组中删除重复项

合并两个对象 React Native

如何删除对象数组中的两个重复值

如何使用对象属性从数组中删除对象-React

使用splice react native从数组中删除对象元素

JavaScript / React Native数组(对象)排序

使用javascript验证文本字段中的输入(需要为两个值之一)

从javascript中的对象数组中删除对象

从Javascript中的对象数组中删除对象

JavaScript - 删除对象数组中的对象属性

在 React 中同时更新状态数组的两个对象

javascript从对象数组中删除重复项

删除对象数组Javascript中的重复项

Javascript从对象数组中删除重复项

根据两个条件从JavaScript中的对象数组中删除对象(重复的mac地址&使用的条件小于或大于)

从数组React删除对象

如何删除两个数组之一中的重复项?

如何在React中删除对象数组中的多个项目?

尝试从 React 中的对象数组中删除项目

如何在React中从数组中删除对象

如何从 Redux/react 中的数组状态中删除对象

删除数组中的对象后,React 未呈现

从对象内的数组中删除项目(redux/typescript/react)

React hooks - 从数组中删除多对象并更新状态