How to merge the two array of objects using javascript

Question

How to merge the two array of objects using javascript for given data.

var data = [{
  "key": 2000,
  "value": 10000
}, {
  "key": 2001,
  "value": 50000
}];

var data1 = [{
  "key": [2000, 0],
  "value": 1000
}, {
  "key": [2000, 1],
  "value": 1500
}, {
  "key": [2000, 3],
  "value": 2000
}, {
  "key": [2001, 0],
  "value": 2500
}, {
  "key": [2001, 1],
  "value": 3000
}, {
  "key": [2001, 3],
  "value": 4000
}];

And finally out put is given below:

var data3 = [{
  "key": 2000,
  "value": 10000,
  children: [{
    "key": [2000, 0],
    "value": 1000
  }, {
    "key": [2000, 1],
    "value": 1500
  }, {
    "key": [2000, 3],
    "value": 2000
  }]
}, {
  "key": 2001,
  "value": 50000,
  children: [{
    "key": [2001, 0],
    "value": 2500
  }, {
    "key": [2001, 1],
    "value": 3000
  }, {
    "key": [2001, 3],
    "value": 4000
  }]
}]

I am tried for the given code: function fctnCombine(){var arr=[]; for(var i in data1){ var year;var obj={}; if(year==2009){ obj.key=new Date(data1[i].key[0],data1[i].key[1]); obj.value=data1[i].value; // console.log(obj) arr.push(obj); } } return arr; } — kirn p
– kirn p, Commented Apr 6, 2015 at 11:19
I will not be the one who will steal to you the pleasure to found a nice algorithm. I will just give you a hint: first with data tinyurl.com/l92nboe then inside the loop with data2 tinyurl.com/k5duy6l — user688877
– user688877, Commented Apr 6, 2015 at 11:21

Community · Accepted Answer · 2017-05-23 12:32:25Z

1

You can achieve this by iterating over the given 2 arrays using forEach loops.

Working code snippet:

var data = [{
  "key": 2000,
  "value": 10000
}, {
  "key": 2001,
  "value": 50000
}];

var data1 = [{
  "key": [2000, 0],
  "value": 1000
}, {
  "key": [2000, 1],
  "value": 1500
}, {
  "key": [2000, 3],
  "value": 2000
}, {
  "key": [2001, 0],
  "value": 2500
}, {
  "key": [2001, 1],
  "value": 3000
}, {
  "key": [2001, 3],
  "value": 4000
}];

data.forEach(function(parentObj){  // loop over data
  
  parentObj.children = [];  // initialize the children
  
  data1.forEach(function(childObj){  // loop over data1
    
    if(parentObj["key"] === childObj["key"][0])
      parentObj.children.push(childObj);
    
  });
  
});

console.dir(data);

<p>Please check your browser's console now.</p>

Source

Read up: Array.prototype.forEach() | MDN

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Apr 6, 2015 at 11:47

Rahul Desai

15.5k20 gold badges89 silver badges146 bronze badges

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

Comments

Oliver · Accepted Answer · 2015-04-06 11:38:51Z

1

This iterates as many times as there are objects in the array data1.

Then, in each iteration it will add the object (equal to the variable count) in data1 to data.

Afterwards, it will make the variable data1 undefined.

for(var count = 0; count < data1.length; count++){
    data.push(data1[count]);
}
data1 = undefined;

answered Apr 6, 2015 at 11:38

Oliver

1,6441 gold badge20 silver badges33 bronze badges

1 Comment

Oliver Over a year ago

That's as close as you can get to a merge.

Deep Kakkar · Accepted Answer · 2015-04-06 11:23:48Z

0

It is multidimensional array. Please check the demo link as follows. This is demo link click enter code here[here] (http://jsfiddle.net/ambiguous/twpUF/)

edited Apr 6, 2015 at 11:23

answered Apr 6, 2015 at 11:17

Deep Kakkar

6,3054 gold badges43 silver badges80 bronze badges

Collectives™ on Stack Overflow

How to merge the two array of objects using javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related