How to combine JSON objects and unnest array of arrays

Question

I'm trying to fetch apis and combine the json objects into a single variable array that I can loop through.

using .push my variable array ends up as..

[
  [
    {"a":"1"}
  ],
  [
    {"b":"2"}
  ]
]

when i want this..

[
    {"a":"1"},
    {"b":"2"}
]

Here's my trimmed down code..

var combinedJson = [];

const r1 = fetch(firstJson).then(response => response.json());
const r2 = fetch(secondJson).then(response => response.json());

Promise.all([r1, r2])
  .then(([d1, d2]) => {
    combinedJson.push(d1, d2);
    console.log(combinedJson);
  })
  .catch(error => {
    console.error(error);
  });

@AlexanderNenashev Tried it, ty, but it's just returning the first entry from each JSON object. — TJ Rustbucket
– TJ Rustbucket, Commented Mar 30, 2024 at 12:47

IT goldman · Accepted Answer · 2024-03-30 12:52:28Z

0

I think this is what Array.flat does, but I like to use the spread ... operator to spread arrays so then I can join them again.

var arr1 = [{
  "a": "1"
}]

var arr2 = [{
  "b": "2"
}]

var combined = [...arr1, ...arr2]
console.log(combined)

answered Mar 30, 2024 at 12:52

IT goldman

20.4k2 gold badges18 silver badges34 bronze badges

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

2 Comments

TJ Rustbucket Over a year ago

Spread operators worked, thankyou very much. I'll play around again with array.flat and report back (have tried now and earlier but couldn't figure it out).

TJ Rustbucket Over a year ago

combined = combined.flat(); worked as well. Ty again.

Collectives™ on Stack Overflow

How to combine JSON objects and unnest array of arrays

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related