Mappa un array di array - JavaScript

Mentre si tratta di dati in blocco, può esserci un requisito per mappare i dati in base a un particolare attributo. Ad esempio, filtrando i dati in base a città identiche o rimappatura e aggiornamento dei record in modo efficiente. In tali casi, mappare una serie di array aiuta a mettere in relazione e aggiornare il contenuto di volta in volta.

Questo blog discuterà degli approcci per mappare una serie di array in JavaScript.

Come mappare un array di array usando JavaScript?

Per mappare un array di array in JavaScript, applica i seguenti approcci:

• "per ciascuno()" E "spingere()"Metodi.
• "flatmap ()" metodo.

Metodo 1: mappa un array di array usando i metodi foreach () e push () in javascript

IL "per ciascuno()"Il metodo implementa una funzione per ciascun elemento array e"spingere()"Il metodo viene utilizzato per spingere un elemento in un array. Questi metodi possono essere combinati per iterare lungo ogni elemento di array e aggiungerli in un array nulla.

Sintassi

vettore.foreach (funzione (corrente, indice, array), questo)

Nella sintassi sopra data:

• funzione: È la funzione che deve essere eseguita per ogni elemento in un array.
• attuale: Questo parametro indica il valore corrente in un array.
• indice: Indica l'indice dell'elemento corrente.
• vettore: Corrisponde all'array corrente.
• Questo: Si riferisce al valore che deve essere inoltrato alla funzione.

vettore.PUSH (Item1, Item2)

In questa sintassi:

• "Item1","Item2"Si riferisce agli articoli che devono essere aggiunti all'array.

Esempio
Panoramiamo l'esempio di seguito:

Nel blocco del codice sopra:

• Crea un array chiamato "arr"Avere tre array contenuti in esso.
• Crea un altro array null chiamato "Combinearray"Questo deve essere mappato con una serie di array.
• Ora, applica il "per ciascuno()"Metodo per iterare lungo gli elementi nell'array associato di array.
• Infine, gli elementi iterati creati nel passaggio precedente verranno copiati e aggiunti all'array NULL dichiarato tramite "diffusione(… )”Operatore e il"spingere()"Metodo, rispettivamente.

Produzione

Nell'uscita sopra, si può vedere che l'array nullo è mappato con l'array dichiarato di array.

Metodo 2: mappa un array di array in javascript usando il metodo flatmap ()

IL "flatmap ()"Il metodo appiattisce gli elementi di input di un array in un nuovo array. Questo metodo può semplicemente mappare gli elementi dell'array associati in un nuovo array.

Sintassi

flatmap ((elemento, indice, arr) =>

Nella sintassi sopra data:

• elemento: Corrisponde all'elemento corrente.
• indice: Indica l'indice dell'elemento corrente.
• vettore: Indica l'array corrente.

Esempio
Passiamo attraverso il codice di seguito:

Nelle righe di codice sopra:

• Allo stesso modo, crea un array di array e visualizzalo.
• Nel passaggio successivo, applica il "flatmap ()"Metodo per mappare gli elementi dell'array associato nell'array chiamato"Combinearray".
• Infine, visualizza l'array risultante mappato con gli elementi dell'array dichiarato.

Produzione

Si può vedere che l'array fornito di array è mappato in un nuovo array.

Conclusione

Per mappare un array di array in JavaScript, applica il "per ciascuno()" E "spingere()"Metodi in combinazione o"flatmap ()" metodo. Il primo approccio itera attraverso gli elementi dell'array e li aggiunge in un array nulla. Quest'ultimo approccio mappa gli elementi dell'array associati semplicemente in un nuovo array. Questo blog ha discusso della strategia per mappare una serie di array con l'aiuto di JavaScript.