Discovering identical objects by property and combining them with the help of JavaScript or UnderscoreJS

Question

Discovering identical objects by property and combining them with the help of JavaScript or UnderscoreJS

Below is an array that I have:

var somevalue = [{
    code: 1,
    name: 'a1'
  }, {
    code: 2,
    name: 'b1'
  }, {
    code: 1,
    name: 'a2'
  },
  {
    code: 1,
    name: 'a3'
  },
  {
    code: 2,
    name: 'b2'
  }
]

I am looking to identify duplicate elements based on the code, and then merge all elements with the same code into one. The desired output would be as follows:

var somevalue = [{
    code: 1,
    name: 'a1, a2'
  }, {
    code: 2,
    name: 'b1, b2, b3'
  }
]

Is it possible to achieve this using underscoreJS?

I currently can do this using a for-loop. However, in real-life scenarios, the array is quite large and contains JSON objects with multiple properties. Therefore, I am in search of a performance-oriented solution.

javascript arrays underscore.js

Answer 1

Answer №1

To condense an array, you can utilize the array.reduce() method:

var items = [{
    id: 1,
    type: 'apple'
  }, {
    id: 2,
    type: 'banana'
  }, {
    id: 1,
    type: 'orange'
  },
  {
    id: 1,
    type: 'pear'
  },
  {
    id: 2,
    type: 'grape'
  }
];

items = items.reduce((accumulator, current) => {
  const foundItem = accumulator.find(element => element.id === current.id);
  foundItem ? foundItem.type += `, ${current.type}` : accumulator.push(current);
  return accumulator;
}, []);

console.log(items);

Answer 2

To condense an array, you can utilize the array.reduce() method:

var items = [{
    id: 1,
    type: 'apple'
  }, {
    id: 2,
    type: 'banana'
  }, {
    id: 1,
    type: 'orange'
  },
  {
    id: 1,
    type: 'pear'
  },
  {
    id: 2,
    type: 'grape'
  }
];

items = items.reduce((accumulator, current) => {
  const foundItem = accumulator.find(element => element.id === current.id);
  foundItem ? foundItem.type += `, ${current.type}` : accumulator.push(current);
  return accumulator;
}, []);

console.log(items);

Discovering identical objects by property and combining them with the help of JavaScript or UnderscoreJS

Answer №1

Similar questions

Is there a way to incorporate personalized image placeholders into Next.js?

Can you explain the distinction between using single and double quotes in my JavaScript and CSS code?

Upon attempting to fetch input by name, Puppeteer reported the error message: 'Node is not clickable or not an HTMLElement'

An arrow function fails to activate

JQuery automatically selects an action upon 'change' event, but does not do so upon 'select' event

Is it better to append content in JQuery rather than replacing it with .innerHTML?

Finding all parent IDs from a given child ID within a nested JSON structure that contains children can be achieved by recursively

methods for extracting json data from the dom with the help of vue js

The jQuery .accordion() feature is not functioning properly due to the failure to load jQuery into the HTML document

Need help resolving the issue of "Type Property '' does not exist on type 'IntrinsicAttributes & Function'? Let's find a solution together

Obtain Outcome from a Nested Function in Node.js

Ensure that all checkboxes are only selected within a single table

Instructions on utilizing module.exports to export an async function

An undefined variable was encountered within the 'else' statement

Revamp your search experience with Algolia's Angular Instant Search: Design a personalized search box template

What is the process of permanently modifying an HTML document using JavaScript?

Clicking on ng-click can lead to the dissociation of the Angular factory

Is it possible to execute the .push() method on an array a specific number of times without using a for loop?

Utilize JavaScript to extract an image from an external URL by specifying its attributes (id, class)

Experiencing issues with utilizing long polling on a node.js server URL in Internet Explorer