How to merge two objects with different structure in javascript

Question

I Have two objects with different structure, trying to merge this two objects with matched data based on a key value, and make a new object with complete data from object1 and object2.

my Object1

{  
   "schedule":{  
      "onward":{  
         "journey":[  
            {  
               "trips":[  
                  {  
                     "origin":{  
                        "airportCode":"AMS"
                     },
                     "destination":{  
                        "airportCode":"BCN"
                     },
                     "FlightNumber":"KL1665"
                  }
               ]
            },
            {  
               "trips":[  
                  {  
                     "origin":{  
                        "airportCode":"AMS"
                     },
                     "destination":{  
                        "airportCode":"BCN"
                     },
                     "FlightNumber":"MF9343"
                  }
               ]
            }
         ]
      }
   }
}

object 2

{  
   "flights":[  
      {  
         "flightNumber":"KL1665",
         "price":223,
         "available":10
      },
      {  
         "flightNumber":"KL112",
         "price":223,
         "available":10
      },
      {  
         "flightNumber":" KL112",
         "price":223,
         "available":10
      }
   ]
}

i Would like to merge "price" and "available" to object which matches with "flightNumber" and create a new object with all data.

I have tried to use loadash and underscore but couldnt figure it. Help would be great, Thank in Advance.

final expected object {"schedules": {"onwardSchedules": {"trips": [{"flights": [{"origin": {"airportCode": "AMS"}, "destination": {"airportCode": "BCN"}, "marketingFlightNumber": "KL1665","price":223, "available": 10 }] }, {"flights": [{ "origin": { "airportCode": "AMS"}, "destination": {"airportCode": "BCN" } , "marketingFlightNumber": "MF9343" }] }] } } } — thechoosenone
– thechoosenone, Commented Oct 3, 2016 at 17:30
you just need to do this manually. put the data from flights you want into schedule. There isn't a "short cut" for something this specific. — bryan60
– bryan60, Commented Oct 3, 2016 at 17:39
@bryan60 i get this data dynamically from Ajax so manual update is not possible. — thechoosenone
– thechoosenone, Commented Oct 3, 2016 at 17:42
I mean you need to write the code to combine these manually with loops. There isn't a plug in solution from something like lodash or underscore for something like this. — bryan60
– bryan60, Commented Oct 3, 2016 at 17:43

BenG · Accepted Answer · 2016-10-03 17:48:54Z

2

2 simple forEach will do it:-

flights.flights.forEach(function(e, i) {
  schedule.schedule.onward.journey.forEach(function(e2, i2) {
    if (e.flightNumber == e2.trips[0].FlightNumber) {
      e2.trips[0] = $.extend(e, e2.trips[0]);
    }
  });
});

Working example:

var schedule = {
  "schedule": {
    "onward": {
      "journey": [{
        "trips": [{
          "origin": {
            "airportCode": "AMS"
          },
          "destination": {
            "airportCode": "BCN"
          },
          "FlightNumber": "KL1665"
        }]
      }, {
        "trips": [{
          "origin": {
            "airportCode": "AMS"
          },
          "destination": {
            "airportCode": "BCN"
          },
          "FlightNumber": "MF9343"
        }]
      }]
    }
  }
};

var flights = {
  "flights": [{
      "flightNumber": "KL1665",
      "price": 223,
      "available": 10
    }, {
      "flightNumber": "KL112",
      "price": 223,
      "available": 10
    }, {
      "flightNumber": " KL112",
      "price": 223,
      "available": 10
    }

  ]
};

flights.flights.forEach(function(e, i) {
  schedule.schedule.onward.journey.forEach(function(e2, i2) {
    if (e.flightNumber == e2.trips[0].FlightNumber) {
      e2.trips[0] = $.extend(e, e2.trips[0]);
    }
  });
});

console.log(schedule);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited Oct 3, 2016 at 17:48

answered Oct 3, 2016 at 17:41

BenG

15.2k5 gold badges48 silver badges62 bronze badges

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

1 Comment

thechoosenone Over a year ago

Thank You so much for the reply, Can you please suggest a way in which i can get the final object in the same structure of Object 1

Collectives™ on Stack Overflow

How to merge two objects with different structure in javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related