JavaScript - Combine both JSON request into one single Object

Question

How can I combine two different JSON responses into one object so I can manipulate my data from a single source?

I've read different implementations, however not quite the way I have my code structured right now.

I'm pretty green on it, so if you can provide me a hands-on example that would be greatly appreciated.

ex:

$(function() {
    let hotels = 'data1.json';
    let guests = 'data2.json';
    $.getJSON(hotels)
        .then(function (res) {
            console.log(res);
        })
        .fail(function (err) {
            console.log(err);
        });
    $.getJSON(guests)
        .then(function (res) {
            console.log(res);
        })
        .fail(function (err) {
            console.log(err);
        });

      /*** start logic for application here ***/  

    let newObject = //How can I combine both responses above???
    console.log(newObject);


});

Bellow the responses that I get from each request:

Have both responses saved into a new object. So can manipulate it having all data in one place. — Jonca33
– Jonca33, Commented Sep 30, 2017 at 18:57

Baruch · Accepted Answer · 2017-09-30 18:58:34Z

6

You can do a Promise.all chain to get the both results in a new object.

Promise.all([$.getJSON(hotels), $.getJSON(guests)])
  .then( results => {
    console.log(results);
  });

Example: https://repl.it/Ls2c/1

answered Sep 30, 2017 at 18:58

Baruch

2,4481 gold badge18 silver badges30 bronze badges

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

8 Comments

Jonca33 Over a year ago

Baruch, this is already a huge step and thank you. Right now results logs [Array(5), Array(6)], Could we concatenate the arrays? @Baruch

Gaetano Piazzolla Over a year ago

Please note that the Promise.all waits for the resolution of all the promises or the first that is rejected.

Sebastian Simon Over a year ago

You can also destructure like this: .then(([hotels, guests]) => console.log({hotels, guests})). To concatenate them, just use results[0].concat(results[1]).

Jonca33 Over a year ago

Thank you very much @Xufox and Baruch !!

Jonca33 Over a year ago

@Xufox if I were to use your destructuring suggestion, Would your .then example replace .then(results => { ..... ?

|

Collectives™ on Stack Overflow

JavaScript - Combine both JSON request into one single Object

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related