How to deconstruct arrays of arrays in Javascript [duplicate]

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"}]

jsejcksn · Accepted Answer · 2022-11-04 09:54:27Z

3

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);

answered Nov 4, 2022 at 9:54

jsejcksn

34.6k5 gold badges55 silver badges79 bronze badges

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

Comments

Some random IT boy · Accepted Answer · 2022-11-04 09:53:51Z

0

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

answered Nov 4, 2022 at 9:53

8,5553 gold badges29 silver badges63 bronze badges

Using .flat(2) would be more suitable imo

@jsejcksn's answer is flat-out better ;) (see what I did there?)