Utilize JavaScript to add the price of a duplicate item to the first distinct object in an array

Question

Utilize JavaScript to add the price of a duplicate item to the first distinct object in an array

Product List

[{ id: 1, title: 'shirt', price: 2000 }, 
{ id: 2, title: 'shirt', price: 4000}, 
{ id: 3,  title: 'tshirt', price: 10000}]

Desired Result

[{ id: 1, title: 'shirt', price: 6000 },          // 2000 + 4000
{ id: 3,  title: 'tshirt', price: 10000}]

Attempted Various Methods with no Success.

I have been able to retrieve distinct products but require the sum of prices as well.

let result = products.filter((product, index, self) =>
  index === self.findIndex((t) => (t.title === product.title))
)
console.log(result);

javascript arrays

Answer 1

Answer №1

If you have a hash table containing objects with the same title, you can extract the values from the hash table.

const
    data = [{ id: 1, title: 'shirt', price: 2000 }, { id: 2, title: 'shirt', price: 4000}, { id: 3,  title: 'tshirt', price: 10000}],
    result = Object.values(data.reduce((r, o) => {
        if (r[o.title]) r[o.title].price += o.price;
        else r[o.title] = { ...o };
        return r;
    }, {}));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

If you have a hash table containing objects with the same title, you can extract the values from the hash table.

const
    data = [{ id: 1, title: 'shirt', price: 2000 }, { id: 2, title: 'shirt', price: 4000}, { id: 3,  title: 'tshirt', price: 10000}],
    result = Object.values(data.reduce((r, o) => {
        if (r[o.title]) r[o.title].price += o.price;
        else r[o.title] = { ...o };
        return r;
    }, {}));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Utilize JavaScript to add the price of a duplicate item to the first distinct object in an array

Answer №1

Similar questions

Making synchronous HTTPS requests in Node.js is a useful feature for

Combining arrays using parent loop in PHP

"Exploring the issue of object property not updating within a React Hook that utilizes an array of objects

What is the best way to arrange a 2-dimensional integer array in C#?

Modify AngularJS behavior to show or hide elements when the user hovers over them

JavaScript Deviance

Creating a Powerful Application with Typescript and NodeJS

Displaying JSON with AngularJS HTTP Get request won't work in my project

Exploring the animation potential of HTML5 canvas and Javascript through utilizing putImageData with animated gifs

Apply the "ng-class" directive only if there is an <a> element located after the specified element

What is the best way to conditionally render one of several components in a manner that is compatible with React's change detector?

Error: Trying to play the Snake Game with the P5.js Library, but getting the message "(X)

Enhance a path SVG component with properties for a map in a React application

Keep the Bootstrap dropdown menu open when the search bar is in focus

What is the best way to eliminate opacity in an element using react dnd?

developing components in Vue by extracting common logic from data functions

Tips for obtaining a phone number through the Google API

A-Frame Visual Illumination

"Learn the steps to access a JSON file directly from a URL within a Next.js

Adjust the HTML 5 range slider to update according to the selected value