Combining objects in a JavaScript array based on a specific property

Question

Combining objects in a JavaScript array based on a specific property

Here is an array I have:

var array = [
      { category: 'Input', field: 0, value: '17' },
      { category: 'Input', field: 0, value: '5' },
      { category: 'Input', field: 0, value: '8' },
      { category: 'Input', field: 5, value: '1' },
      { category: 'Input', field: 5, value: '4' },
      { category: 'Input', field: 0, value: '1' }
    ];

I am looking to transform the array as shown below -- merging objects based on their field values if they are the same and obtaining a result like this:

[
      { category: 'Input', field: 0, value: ['17', '5', '8', '1'] },
      { category: 'Input', field: 5, value: ['1', '4'] }
    ];

javascript arrays angular typescript object

Answer 1

Answer №1

let data = [
  { type: 'Number', amount: 5, result: 'OK' },
  { type: 'String', amount: 10, result: 'Fail' },
  { type: 'Boolean', amount: 3, result: 'Error' }
];

const summary = data.reduce((acc, curr) => {
  if (acc[curr.type]) {
    acc[curr.type]++;
  } else {
    acc[curr.type] = 1;
  }
  return acc;
}, {});

const output = Object.keys(summary).map(key => ({
  type: key,
  count: summary[key]
}));

console.log(output);

Answer 2

let data = [
  { type: 'Number', amount: 5, result: 'OK' },
  { type: 'String', amount: 10, result: 'Fail' },
  { type: 'Boolean', amount: 3, result: 'Error' }
];

const summary = data.reduce((acc, curr) => {
  if (acc[curr.type]) {
    acc[curr.type]++;
  } else {
    acc[curr.type] = 1;
  }
  return acc;
}, {});

const output = Object.keys(summary).map(key => ({
  type: key,
  count: summary[key]
}));

console.log(output);

Combining objects in a JavaScript array based on a specific property

Answer №1

Similar questions

Does merging two text arrays in Python result in adding a "u"?

An issue arose with ReactDom during the development of the application

Can an integer-like object with the ability to store instance variables be created in Python?

Place the text (menu) adjacent to the navigation bar

Occasionally, there are instances when node.js combined with express.js and hogan.js may result in a blank page being

Custom font not displaying on Chromecast receiver app

Capture Your Scene with Three.js

Having trouble accessing the value of an <asp:HiddenField> using javascript

The Eclipse IDE is experiencing issues with the functionality of the JavaScript Number class

How can you extract a string from an array?

Why does jQuery only execute the very first condition or none at all if the first condition is false?

Clicking on a radio button can trigger the selection of another radio button

Utilizing lodash or underscore libraries, we can compare two objects and eliminate any duplicate entries

Pair of dimensions painting with d3 version 4

I can't understand why this question continues to linger, I just want to remove it

What is the reason my Angular attribute is only updated when triggered by a postMessage() method from my iframe?

Dynamically incorporating Angular UI Datepicker into your project

Utilize jQuery to extract the content, rearrange the content, and then encapsulate it within fresh

Issues arise when Typescript fails to convert an image URL into a base64 encoded string

Form showing appreciation message without submission