Flatten a multi dimensional array

Mark Denn

I am building an Angular 9 app. In this app I am trying to build a Gantt chart and in this chart I am trying to plot out boxes.

In order to do this I need to flatten this multi dimensional array.

How can I take this array:

[
    [{
        "title": "01"
    }, {
        "title": "02"
    }, {
        "title": "03"
    }, {
        "title": "04"
    }, {
        "title": "05"
    }, {
        "title": "06"
    }, {
        "title": "07"
    }, {
        "title": "08"
    }, {
        "title": "09"
    }, {
        "title": "10"
    }, {
        "title": "11"
    }, {
        "title": "12"
    }, {
        "title": "13"
    }, {
        "title": "14"
    }, {
        "title": "15"
    }, {
        "title": "16"
    }, {
        "title": "17"
    }, {
        "title": "18"
    }, {
        "title": "19"
    }, {
        "title": "20"
    }, {
        "title": "21"
    }, {
        "title": "22"
    }, {
        "title": "23"
    }, {
        "title": "24"
    }, {
        "title": "25"
    }, {
        "title": "26"
    }, {
        "title": "27"
    }, {
        "title": "28"
    }, {
        "title": "29"
    }, {
        "title": "30"
    }, {
        "title": "31"
    }],
    [{
        "title": "01"
    }, {
        "title": "02"
    }, {
        "title": "03"
    }, {
        "title": "04"
    }, {
        "title": "05"
    }, {
        "title": "06"
    }, {
        "title": "07"
    }, {
        "title": "08"
    }, {
        "title": "09"
    }, {
        "title": "10"
    }, {
        "title": "11"
    }, {
        "title": "12"
    }, {
        "title": "13"
    }, {
        "title": "14"
    }, {
        "title": "15"
    }, {
        "title": "16"
    }, {
        "title": "17"
    }, {
        "title": "18"
    }, {
        "title": "19"
    }, {
        "title": "20"
    }, {
        "title": "21"
    }, {
        "title": "22"
    }, {
        "title": "23"
    }, {
        "title": "24"
    }, {
        "title": "25"
    }, {
        "title": "26"
    }, {
        "title": "27"
    }, {
        "title": "28"
    }, {
        "title": "29"
    }]
]

And convert it to this array:

[{
    "title": "01"
}, {
    "title": "02"
}, {
    "title": "03"
}, {
    "title": "04"
}, {
    "title": "05"
}, {
    "title": "06"
}, {
    "title": "07"
}, {
    "title": "08"
}, {
    "title": "09"
}, {
    "title": "10"
}, {
    "title": "11"
}, {
    "title": "12"
}, {
    "title": "13"
}, {
    "title": "14"
}, {
    "title": "15"
}, {
    "title": "16"
}, {
    "title": "17"
}, {
    "title": "18"
}, {
    "title": "19"
}, {
    "title": "20"
}, {
    "title": "21"
}, {
    "title": "22"
}, {
    "title": "23"
}, {
    "title": "24"
}, {
    "title": "25"
}, {
    "title": "26"
}, {
    "title": "27"
}, {
    "title": "28"
}, {
    "title": "29"
}, {
    "title": "30"
}, {
    "title": "31"
}, {
    "title": "01"
}, {
    "title": "02"
}, {
    "title": "03"
}, {
    "title": "04"
}, {
    "title": "05"
}, {
    "title": "06"
}, {
    "title": "07"
}, {
    "title": "08"
}, {
    "title": "09"
}, {
    "title": "10"
}, {
    "title": "11"
}, {
    "title": "12"
}, {
    "title": "13"
}, {
    "title": "14"
}, {
    "title": "15"
}, {
    "title": "16"
}, {
    "title": "17"
}, {
    "title": "18"
}, {
    "title": "19"
}, {
    "title": "20"
}, {
    "title": "21"
}, {
    "title": "22"
}, {
    "title": "23"
}, {
    "title": "24"
}, {
    "title": "25"
}, {
    "title": "26"
}, {
    "title": "27"
}, {
    "title": "28"
}, {
    "title": "29"
}]

mr hr

You could use array flat method.

const data = [
  [
    {
      title: '01',
    },
    {
      title: '02',
    },
    {
      title: '03',
    },
    {
      title: '04',
    },
    {
      title: '05',
    },
    {
      title: '06',
    },
    {
      title: '07',
    },
    {
      title: '08',
    },
    {
      title: '09',
    },
    {
      title: '10',
    },
    {
      title: '11',
    },
    {
      title: '12',
    },
    {
      title: '13',
    },
    {
      title: '14',
    },
    {
      title: '15',
    },
    {
      title: '16',
    },
    {
      title: '17',
    },
    {
      title: '18',
    },
    {
      title: '19',
    },
    {
      title: '20',
    },
    {
      title: '21',
    },
    {
      title: '22',
    },
    {
      title: '23',
    },
    {
      title: '24',
    },
    {
      title: '25',
    },
    {
      title: '26',
    },
    {
      title: '27',
    },
    {
      title: '28',
    },
    {
      title: '29',
    },
    {
      title: '30',
    },
    {
      title: '31',
    },
  ],
  [
    {
      title: '01',
    },
    {
      title: '02',
    },
    {
      title: '03',
    },
    {
      title: '04',
    },
    {
      title: '05',
    },
    {
      title: '06',
    },
    {
      title: '07',
    },
    {
      title: '08',
    },
    {
      title: '09',
    },
    {
      title: '10',
    },
    {
      title: '11',
    },
    {
      title: '12',
    },
    {
      title: '13',
    },
    {
      title: '14',
    },
    {
      title: '15',
    },
    {
      title: '16',
    },
    {
      title: '17',
    },
    {
      title: '18',
    },
    {
      title: '19',
    },
    {
      title: '20',
    },
    {
      title: '21',
    },
    {
      title: '22',
    },
    {
      title: '23',
    },
    {
      title: '24',
    },
    {
      title: '25',
    },
    {
      title: '26',
    },
    {
      title: '27',
    },
    {
      title: '28',
    },
    {
      title: '29',
    },
  ],
];

const ret = data.flat();
console.log(ret);

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2020-12-19

Comments

0 comments

Flatten multi-dimensional array to specific index

PHP Flatten Multi Dimensional Array into String

Flatten a multi dimensional array

Flatten a multi dimensional array

Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

pump.io port in URL

How to import an asset in swift using Bundle.main.path() in a react-native native module

Failed to listen on localhost:8000 (reason: Cannot assign requested address)

Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

Emulator wrong screen resolution in Android Studio 1.3

3D Touch Peek Swipe Like Mail

Double spacing in rmarkdown pdf

Svchost high CPU from Microsoft.BingWeather app errors

How to how increase/decrease compared to adjacent cell

Using Response.Redirect with Friendly URLS in ASP.NET

java.lang.NullPointerException: Cannot read the array length because "<local3>" is null

BigQuery - concatenate ignoring NULL

How to fix "pickle_module.load(f, **pickle_load_args) _pickle.UnpicklingError: invalid load key, '<'" using YOLOv3?

ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

Can a 32-bit antivirus program protect you from 64-bit threats

Make a B+ Tree concurrent thread safe

Bootstrap 5 Static Modal Still Closes when I Click Outside

Vector input in shiny R and then use it

Assembly definition can't resolve namespaces from external packages