Merge array of javascript objects

Question

This is the array of javascript objects. I want these javascript objects will merge into a single javascript object according to their same property value.

This is the original array:

const array = [
 {email: '[email protected]', name: 'Jon', role: 'Player', Education: {…}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Skills: {…}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Total: {…}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Personal: {…}},
 {email: '[email protected]', name: 'Tayyab', role: 'Lead', Ethics: {…}},
 {email: '[email protected]', name: 'Tayyab', role: 'Lead', Total: {…}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Total: {…}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Skills: {…}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Personal: {…}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Education: {…}},
]

This is the required array:

const array = [
 {email: '[email protected]', name: 'Jon', role: 'Player', Education: {…}, Skills: {…}, Total: {…}, Personal: {…}},
 {email: '[email protected]', name: 'Tayyab', role: 'Lead', Ethics: {…}, Total: {…}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Total: {…}, Skills: {…}, Personal: {…}, Education: {…}},
]

Like email, name, and role all three have the same property and property value. It would merge into one javascript object and the others remain the same. Kindly provide the solution in React.js/Javascript. Thanks

sonEtLumiere · Accepted Answer · 2022-04-29 02:15:13Z

4

A good case to apply reduce method, try this code:

const array = [
 {email: '[email protected]', name: 'Jon', role: 'Player', Education: {}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Skills: {}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Total: {}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Personal: {}},
 {email: '[email protected]', name: 'Tayyab', role: 'Lead', Ethics: {}},
 {email: '[email protected]', name: 'Tayyab', role: 'Lead', Total: {}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Total: {}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Skills: {}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Personal: {}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Education: {}},
]

let result = Object.values(array.reduce((acc, {name, ...rest}) => {
    acc[name] = {...acc[name], ...{name, ...rest}};
    return acc;
}, {}));

console.log(result);

edited Apr 29, 2022 at 2:15

answered Apr 28, 2022 at 19:40

sonEtLumiere

4,6223 gold badges15 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Joe Lissner Over a year ago

The end results would be an object instead of an array, but this could easily be updated to work as the question wants

sonEtLumiere Over a year ago

@Joe Lissner result is an Array

Joe Lissner Over a year ago

Yup, my bad! Missed the Object.values

epascarello · Accepted Answer · 2022-04-28 19:43:12Z

0

Using reduce and Object.values

const array = [
 {email: '[email protected]', name: 'Jon', role: 'Player', Education: {}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Skills: {}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Total: {}},
 {email: '[email protected]', name: 'Jon', role: 'Player', Personal: {}},
 {email: '[email protected]', name: 'Tayyab', role: 'Lead', Ethics: {}},
 {email: '[email protected]', name: 'Tayyab', role: 'Lead', Total: {}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Total: {}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Skills: {}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Personal: {}},
 {email: '[email protected]', name: 'Arya', role: 'Banker', Education: {}},
]

const result = Object.values(array.reduce((acc, item) => {
    // build key with unique props
    const key = [item.email, item.name, item.role].join("-");
    // assign properties to a new object
    // if object does not exist with the key it uses empty object
    acc[key] = {...(acc[key] || {}), ...item}; 
    return acc;
}, {}));

console.log(result);

answered Apr 28, 2022 at 19:43

epascarello

208k20 gold badges206 silver badges246 bronze badges

2 Comments

epascarello Over a year ago

Probably the same person that downvted the question and the other answer.

darclander Over a year ago

yeah it seems good to me. Have another upvote! The comments made it clearer for me to understand.

Collectives™ on Stack Overflow

Merge array of javascript objects

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related