How to merge values from multiple objects into an object of arrays?

Question

I have a two JSON something like below:

var obj1 = {
    " name ":"rencho",
    " age ":23,
    " occupation ":"SE"
}

var obj2 = {
    " name ":"manu",
    " age ":23,
    " country ":"india"
}

I want the expected output:

var result = {
    "name":["rencho", "manu"],
    "age":[23, 23],
    "country":["-", "india"],
    "occupation": ["SE", "-"],
}

However, I tried using below the code snippet:

let arrGlobal = []

arrGlobal.push(obj1);
arrGlobal.push(obj2);

let mergedResult = arrGlobal.reduce(function(r, e) {
            return Object.keys(e).forEach(function(k) {
            if(!r[k]) r[k] = [].concat(e[k])
            else r[k] = r[k].concat(e[k])
            }), r
        }, {})

console.log(mergedResult);

But that one doesn't print - in json object. I would appreciate any kind of help from your side.

HELP WOULD BE APPRECIATED!!!

Do your original object keys really have spaces around them? — CertainPerformance
– CertainPerformance, Commented May 12, 2018 at 7:05
Original doesn't have. However, it prints key something like below " name ". Is it going to affect? — user9777762
– user9777762, Commented May 12, 2018 at 7:08
That's not JSON. "JSON is a textual, language-indepedent data-exchange format, much like XML, CSV or YAML." - What is the difference between JSON and Object Literal Notation? — Andreas
– Andreas, Commented May 12, 2018 at 7:12

CertainPerformance · Accepted Answer · 2018-05-12 07:13:33Z

2

First get a list of all keys (needed in advance to check whether you need to add - while iterating), then use reduce to iterate over each object and add its values to the accumulator:

var obj1 = {
    " name ":"rencho",
    " age ":23,
    " occupation ":"SE"
}

var obj2 = {
    " name ":"manu",
    " age ":23,
    " country ":"india"
}
const arr = [obj1, obj2];
const allKeys = arr.reduce((keys, obj) => {
  Object.keys(obj).forEach(key => keys.add(key))
  return keys;
}, new Set());
const merged = arr.reduce((merged, obj) => {
  allKeys.forEach((key) => {
    if (!merged[key]) merged[key] = [];
    merged[key].push(obj[key] || '-');
  });
  return merged;
}, {});
console.log(merged);

answered May 12, 2018 at 7:13

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2018-05-12 07:30:47Z

0

A slightly different approach by using a single loop for the outer array of objects and which generates all needed keys on the fly.

var obj1 = { name: "rencho", age: 23, occupation: "SE" },
    obj2 = { name: "manu", age: 23, country: "india" },
    hash = new Set,
    result = {};

[obj1, obj2].forEach((o, length) => {
    Object.keys(o).forEach(k => hash.add(k));
    hash.forEach(k => {
        result[k] = result[k] || Array.from({ length }).fill('-');
        result[k].push(k in o ? o[k] : '-');
    });
});

console.log(result);

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

answered May 12, 2018 at 7:30

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Egor · Accepted Answer · 2018-05-12 07:31:38Z

0

quick and dirty way:

function merge(a,b) {
  var c = b
  for (key in a){
    c[key] = [c[key], a[key]]
  }
  console.log(c) //prints merged object
}

merge(obj1, obj2)

answered May 12, 2018 at 7:31

Egor

9042 gold badges7 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to merge values from multiple objects into an object of arrays?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related