Merge two objects into array in JavaScript

Question

I have two objects something like this and need to combine them and create an array.

        var firstData = {
          label: "Out",
          data: [
            {
              value: 2,
              title: "20-06-18 09:00",
            },
            {
              value: 5,
              title: "20-06-18 08:00",
            }
          ]
        }

        var secondData = {
          label: "In",
          data: [
            {
              value: 4,
              title: "20-06-18 09:00",
            },
            {
              value: 8,
              title: "20-06-18 08:00",
            }
          ]
        }

The result Should be an array like this an array of object where you combine the title with labels "In" and "Out".

        var result = 
        [
          {
            title: "20-06-18 09:00",
            data: [
              {
                value: 4,
                label: "In",
              },
              {
                value: 2,
                label: "Out",
              }
            ]
          },
          {
            title: "20-06-18 08:00",
            data: [
              {
                value: 8,
                label: "In",
              },
              {
                value: 5,
                label: "Out",
              }
            ]
          },
        ]

Can anyone help, please? I will try to post a fiddler example soon. Thanks in advance.

Rajneesh · Accepted Answer · 2020-06-15 11:58:45Z

2

You can make use of reduce to achieve your task:

var firstData = { label: "Out", data: [ { value: 2, title: "20-06-18 09:00", }, { value: 5, title: "20-06-18 08:00", } ] };
var secondData = { label: "In", data: [ { value: 4, title: "20-06-18 09:00", }, { value: 8, title: "20-06-18 08:00", } ] };

var result = Object.values([firstData, secondData].reduce((acc,elem)=>{
  elem.data.forEach(({value, title})=>{
     acc[title] = acc[title] || {title, data:[]};
     acc[title].data.push({value, label:elem.label});
   });
  return acc;
},{}));

console.log(result);

edited Jun 15, 2020 at 11:58

answered Jun 15, 2020 at 11:47

Rajneesh

5,3181 gold badge10 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Merge two objects into array in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related