In che modo l'array nidificato funziona in javascript

In JavaScript, quando un array interno o un sotto-array viene aggiunto a un array, è noto come "Multi-dimensionel "o"Nidificato" vettore. JavaScript non fornisce un formato esplicito per creare un array nidificato; Pertanto, dobbiamo nidificare i sotto-array richiesti all'interno di un singolo array esterno. Inoltre, si accede agli elementi degli array interni in base al loro indice nell'array esterno.

Dopo aver dichiarato un array nidificato in JavaScript, è possibile eseguire diverse operazioni su di esso, come l'apprendimento di sotto-array, l'accesso agli elementi dei sotto-array, iterando su tutti gli elementi dei sotto-array, eliminando un sotto-array o il suo elemento correlato e riducendo la dimensionalità dell'array nidificato.

Questo articolo spiegherà il lavorando del array nidificati In JavaScript con l'aiuto di esempi adatti. Quindi iniziamo!

Come creare un array nidificato in JavaScript

Per creare un array nidificato in JavaScript, devi seguire la sintassi di seguito:

let Array = [[Inner_array1], [Inner_array2], [Inner_array3]…];

Qui "vettore"Rappresenta l'array nidificato che contiene molteplici array interni come"Inner_array1","Inner_array2","Inner_array3".

Esempio: come creare un array nidificato in JavaScript

Creeremo un array multidimensionale o nidificato chiamato "Hobby"Ciò comprende inoltre cinque array interni:

Let Hobbys = [
['Lettura', 4],
['Gardening', 2],
['Gaming', 1],
['Dipinto', 8],
['Cooking', 5]
];

Nel dichiarato "Hobby"Array, la prima dimensione aggiunta rappresenta il"passatempo,"E il secondo indica il numero massimo di"ore" speso mentre faceva quell'attività.

Ora, per visualizzare il creato "Hobby"Array nidificato, utilizzeremo il"console.tavolo()Metodo "mentre passa il"Hobby"Array come argomento:

console.Tabella (hobby);

L'esecuzione del codice di cui sopra mostrerà i valori di "Hobby"Array in un formato tavolo, dove il Prima colonna rappresenta il indice Di array interni e l'altro Due colonne contenere i loro elementi presenti al primo "[0]"E secondo"[1]"Indice:

Come accedere agli elementi di array nidificati in JavaScript

Bisogno di accedere agli elementi di un array nidificato? Se sì, allora dai un'occhiata alla sintassi di seguito:

vettore.[A] [B]

Qui, "UN"Rappresenta l'indice del"interno"Array nell'array nidificato creato e"B"Rappresenta l'indice del"elemento"Nell'interno specificato o sotto-array.

Esempio: come accedere agli elementi degli array nidificati in JavaScript

Ad esempio, vogliamo accedere al "cucinando"Hobby che esiste come"Primo"Elemento" [0] "Del quinto array interno" [4] ":

Per eseguire l'operazione specificata, eseguiremo l'istruzione del codice di seguito:

console.log (hobby [4] [0]);

Come puoi vedere dall'output, abbiamo accettato con successo il valore di "Hobby"Array che viene posizionato al primo indice del quinto array interno:

Come aggiungere elementi all'array nidificato in javascript

JavaScript offre due modi per aggiungere elementi a un array nidificato già creato; O puoi aggiungere un elemento al FINE di un array che usa il "spingere()"Metodo o inserirlo su a posizione specifica con l'aiuto del "splice ()" metodo.

Esempio: come aggiungere elementi all'array nidificato in JavaScript

Per spingere il "[Ciclismo, 6]"Sub-array come alla fine del"Hobby"Array nidificato, lo passeremo come argomento al"Hobby.spingere()" metodo:

Hobby.push (['Cycling', 6]);
console.Tabella (hobby);

Quando il dato "Hobby.spingere()"Viene eseguito, aggiungerà il sotto-array specificato alla fine di"Hobby" vettore:

Considerando che, per inserire un sotto-array nel mezzo di altri array interni, utilizzare il “splice ()"Metodo nel modo seguente:

Hobby.giunzione (1, 0, ['cantare', 3]);
console.Tabella (hobby);

Qui, il "Hobby.splice ()"Metodo sovrascriverà il"Hobby"Array e aggiungi il"['Cantare', 3]"Sotto-array in seconda posizione:

Fino a questo punto, abbiamo imparato la procedura per creare un array nidificato e aggiungere elementi ad esso. Nella prossima sezione, parleremo di ripetere gli elementi di un array nidificato in JavaScript.

Come iterare sugli elementi dell'array nidificato in Javascript

Potresti sapere che il javascript "per"Il ciclo viene utilizzato principalmente per iterare sugli elementi di un array. Tuttavia, come nel nostro caso, abbiamo un "nidificato"Array, quindi aggiungeremo due"per"Loops nidificati all'interno dell'altro.

Esempio: come iterare sugli elementi dell'array nidificato in JavaScript

IL Primo ciclo continuo "per"Loop iterirà sul array esterno elementi in base alle sue dimensioni e al suo nidificato "per"Loop eseguirà l'iterazione rispetto al Sub-array interni:

per (leti = 0; iVarinNerNarrayLength = Hobbys [i].lunghezza;
per (let j = 0; j console.log ('[' + i + ',' + j + '] =' + hobby [i] [j]);

L'operazione di iterazione specificata mostrerà tutti gli elementi del "Hobby"Array nidificato:

Puoi anche usare il “Per ciascuno()"Metodo per lo stesso scopo.

Come appiattire un array nidificato in JavaScript

Ci sono alcuni scenari in cui potresti dover creare un array che comprenda tutti gli elementi di array JavaScript nidificati nel loro ordine originale. Se è così, allora appiattire l'array nidificato creato per ridurne la dimensionalità.

IL "Vettore.Piatto()"Il metodo è incorporato Es6, che assiste in appiattimento Un array javascript nidificato. Questo metodo restituisce un nuovo array dopo aver concatenato tutti gli elementi di sotto-artigianato.

Esempio: come appiattire un array nidificato in JavaScript

Ad esempio, per appiattire il "Hobby"Array, eseguiremo il seguente codice nella finestra della console:

const flatarray = hobby.Piatto();
console.Log (FlataRray);

Il dato "Hobby.Piatto()"Il metodo ridurrà la dimensionalità del"Hobby"Array e appiattire gli elementi dell'array interno:

Come eliminare elementi di matrice nidificata in javascript

Per rimuovere gli elementi da eventuali sotto-array di un array nidificato, usa il "pop()" metodo. IL "pop()"Il metodo in genere elimina l'ultimo array interno da un array nidificato; Tuttavia, aiuta anche a rimuovere elementi da array interni.

Esempio: come eliminare gli elementi dell'array nidificato in JavaScript

Prima di utilizzare il "pop()"Metodo, abbiamo i seguenti sotto-array in"Hobby"Array nidificato:

Ora quando invochiamo il "pop()"Metodo, l'ultimo sotto-array verrà eliminato insieme ai suoi elementi:

Hobby.pop();
console.Tabella (hobby);

Produzione

Per rimuovere il secondo elemento di ciascuno "sotto-array", Itereremo attraverso il"Hobby"Array usando il"per ciascuno()"Metodo, e ad ogni iterazione il"pop()"Il metodo elimina l'elemento posizionato al primo indice:

Hobby.foreach ((hobby) =>
passatempo.pop (1);
);
console.Tabella (hobby);

Si può vedere nell'output di seguito che l'elemento che rappresenta il numero massimo di ore trascorse su ciascun hobby viene eliminato per tutti i sotto-array:

Abbiamo compilato tutte le informazioni essenziali relative al funzionamento di array nidificati in JavaScript. Puoi esplorarli ulteriormente in base alle tue preferenze.

Conclusione

Quando viene aggiunto un array interno o un sotto-array a un array esterno, si chiama A Array nidificato. Dopo aver creato un array nidificato JavaScript, puoi usare il "spingere()" E "splice ()"Metodo per aggiungere elementi,"per loop" E "per ciascuno()"Metodo per iterare sugli elementi degli array interni,"Piatto()"Metodo per ridurre la dimensionalità e"pop()"Metodo per eliminare i sotto-array o i loro elementi dagli array nidificati. Questo articolo ha spiegato il funzionamento dei loop nidificati in JavaScript.