How to deconstruct arrays of arrays in Javascript

Question

I'm working with an API and after I try to clean up the data, I got an array of arrays of arrays:

arr = [[[{name: "john"}],[{name: "jack"}]],[[{name: "joe"}],[{name: "bob"}]]]

How can I clean this up to something like this:

arr = [{name: "john"},{name: "jack"},{name: "joe"},{name: "bob"}]

Answer 1

You can use Array.prototype.flat(), providing Infinity as the depth argument to flatten all sub-arrays recursively:

const arr = [[[{name: "john"}],[{name: "jack"}]],[[{name: "joe"}],[{name: "bob"}]]];

const flattened = arr.flat(Infinity);

console.log(flattened);

Answer 2

In this case calling arr.flat().flat() would do the trick.