Come unire/appiattire un array di array - JavaScript

In varie situazioni, gli sviluppatori devono unire o appiattire gli array in un singolo array. Ad esempio, convertire gli array bidimensionali o multidimensionali in un singolo array come array unidimensionale, combinando gli array nidificati degli stessi dati digitati in un singolo array e così via.

Questo articolo illustrerà i metodi per unire o appiattire una serie di array in JavaScript.

Come unire/appiattire una serie di array in JavaScript?

Per unire o appiattire un array di array, utilizzare i seguenti approcci:

• metodo flat ()
• Metodo Concat () con metodo Applic ()
• Riduci () metodo

Metodo 1: unire/appiattire un array di array usando il metodo "flat ()"

Per unire o appiattire un array di array, usa il “Piatto()" metodo. Crea un nuovo array appiattito chiamando se stesso ricorsivamente sui sotto-array. Questo metodo prende anche "profondità"Parametro che indica la profondità della chiamata del metodo ricorsivo. È un parametro opzionale.

Esempio
Crea un array che contiene tre array un array numerico, un array booleano e un array di stringhe:

var array = [[1, 2, 3, 4], [true, false], ["x", "y", "z"]];

Chiama il metodo Flat () con un array:

vettore.Piatto();

Si può vedere che gli array sono stati uniti con successo nel singolo array:

Metodo 2: unire/appiattire un array di array usando il metodo "Concat ()" con il metodo "Applica ()"

Usa il "concat () " Metodo con il "fare domanda a()"Metodo per unire o appiattire una serie di array. Il metodo Concat () viene utilizzato per unire due o più array in un nuovo array. Non modifica l'array originale.

Esempio
Crea un array vuoto chiamato "arr":

var arr = [];

Invocare il metodo concat () con applicazione () e passare l'array vuoto e l'array di array per unire tutti gli elementi di array in un array vuoto:

arr.concattare.applicare (arr, array);

Produzione

Metodo 3: unisci/appiattire un array di array usando il metodo "ridotto ()"

Puoi anche usare il “ridurre()"Metodo per unire o appiattire una serie di array. Questo metodo accetta due parametri, una funzione di callback e un valore iniziale che è un parametro opzionale. La funzione di callback si applicherà ad ogni elemento di un array.

Esempio
Chiama il metodo di riduzione () sull'array e passa un array vuoto con la funzione di callback come argomento per unire o appiattire l'array di array:

vettore.ridotta ((arr, val) =>
RITORNO ARR.Concat (Val)
, []);

Si può osservare che gli array vengono uniti con successo in un singolo array:

Si trattava di unire/appiattire una serie di array in JavaScript.

Conclusione

Per unire o appiattire un array di array, usa il "Piatto()Metodo ", il"concat ()Metodo "con il"fare domanda a()Metodo ", o"ridurre()" metodo. Tutti i metodi funzionano bene, è possibile selezionare uno di questi per gli array di fusione o appiattimento. Questo articolo ha illustrato i metodi per l'appiattimento o la fusione di una serie di array in JavaScript.