How can we merge more then two array of object into one array of objects

Question

How can I merge more than two array of objects into one array of objects. Like I have:

var arr1 = [{"userID": 554,"name":"abc"},{"userID": 555,"name":"xyz"}]    

var arr2 = [{"userID": 554,"lang":"ENG"},{"userID": 554,"lang":"GER"},{"userID": 555,"lang":"ENG"}]

var arr3 = [{"userID": 554,"SET":"QWE"},{"userID": 555,"SET":"ABC"},{"userID": 555,"SET":"XYZ"}]

Now I want to merge all these into one by the same key value i.e., userID, so my final output should be like

var final = [
    {
        "name":"abc"
        "userID": 554,
        "arr2" = [
            {
                "userID": 554,
                "lang":"ENG"
            },
            {
                "userID": 554,
                "lang":"GER"
            }
        ],
        "arr3" = [
            {
                "userID": 554,
                "SET":"QWE"
            }
        ]
    },
    {
        "userID": 555,
        "name":"xyz"
        "arr2" = [
            {
                "userID": 555,
                "name":"ENG"
            }
        ],
        "arr3" = [
            {
                "userID": 555,
                "SET":"ABC"
            },
            {
                "userID": 555,
                "SET":"XYZ"
            }
        ]
    }
]

I can't user ES6 with Spread operator (...) as I have a condition that it should be merged in the array where the key userID matches so that I gets the above output or like {"userID": 554, "name": "abc", "lang": ["ENG", "GER"],...}

You have a typo in the second array, name should be lang I suppose? else I think it is confusing... — KungWaz
– KungWaz, Commented Mar 28, 2018 at 9:28
Possible duplicate of es6 using spread to concat multiple arrays — Suhail Gupta
– Suhail Gupta, Commented Mar 28, 2018 at 9:31
Why do you want to add arr2 and arr3 as props with arrays? Wouldn't it be more readable to have {"userID": 554, "name": "abc", "lang": ["ENG", "GER"],...} — KungWaz
– KungWaz, Commented Mar 28, 2018 at 9:37

prabhatojha · Accepted Answer · 2018-03-28 10:26:56Z

1

try this one, should give exact output

let result = arr1.map(item =>{
    let obj = {};
    obj.userID = item.userID;
    obj.name = item.name;
    obj.arr2 = arr2.filter( it => it.userID === item.userID);
    obj.arr3 = arr3.filter( it => it.userID === item.userID);
    return obj;
})
console.log(result);

answered Mar 28, 2018 at 10:26

prabhatojha

2,1051 gold badge18 silver badges32 bronze badges

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

Comments

KungWaz · Accepted Answer · 2018-03-28 10:45:32Z

Based on the answer from @Deshak9

var arr1 = [{"userID": 554,"name":"abc"},{"userID": 555,"name":"xyz"}]    
var arr2 = [{"userID": 554,"lang":"ENG"},{"userID": 554,"lang":"GER"},{"userID": 555,"lang":"ENG"}]
var arr3 = [{"userID": 554,"SET":"QWE"},{"userID": 555,"SET":"ABC"},{"userID": 555,"SET":"XYZ"}]

let result = arr1.map(item => {
    let obj = {};
    obj.userID = item.userID;
    obj.name = item.name;
    obj.lang = arr2.filter( it => it.userID === item.userID).map(item => { return item.lang; });
    obj.SET = arr3.filter( it => it.userID === item.userID).map(item => { return item.SET; });
    return obj;
})
console.log(result);

I think it makes it more readable to add all the values to an array for the given property. See the example below.

{
  "userID": 554,
  "name": "abc",
  "lang": [
    "ENG",
    "GER"
  ],
  "SET": [
    "QWE"
  ]
}

Webvoid · Accepted Answer · 2018-03-28 09:38:58Z

0

You could just use

ES6 notation

var arr1 = [{"userID": 554,"name":"abc"},{"userID": 555,"name":"xyz"}]

var arr2 = [{"userID": 554,"lang":"ENG"},{"userID": 554,"lang":"GER"},{"userID": 555,"lang":"ENG"}]

var arr3 = [{"userID": 554,"SET":"QWE"},{"userID": 555,"SET":"ABC"},{"userID": 555,"SET":"XYZ"}]

const arr = [...arr1, ...arr2, ...arr3];
Array.prototype.contact()

answered Mar 28, 2018 at 9:38

Webvoid

5112 silver badges7 bronze badges

Comments

Vijayanath Viswanathan · Accepted Answer · 2018-03-28 10:05:59Z

0

With ES6 it is pretty easy with Spread operator (...),

var arr1 = [{"userID": 554,"name":"abc"},{"userID": 555,"name":"xyz"}]    

var arr2 = [{"userID": 554,"lang":"ENG"},{"userID": 554,"lang":"GER"},{"userID": 555,"lang":"ENG"}]

var arr3 = [{"userID": 554,"SET":"QWE"},{"userID": 555,"SET":"ABC"},{"userID": 555,"SET":"XYZ"}]

const merged = [].concat(...arr1,...arr2,...arr3)
console.log(merged)

//Another way of doing is,

const merged1 = [...arr1 , ...arr2,...arr3];
console.log(merged1)

edited Mar 28, 2018 at 10:05

answered Mar 28, 2018 at 9:46

Vijayanath Viswanathan

8,6713 gold badges31 silver badges50 bronze badges

2 Comments

KungWaz Over a year ago

When I run the snippet I get, { "message": "Uncaught SyntaxError: Identifier 'merged' has already been declared",

Sonu Over a year ago

I need to merge it on the basis of same userID

Collectives™ on Stack Overflow

How can we merge more then two array of object into one array of objects

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related