Array multidimensionali in JavaScript

Come stiamo vedendo, gli array sono abbastanza importanti in JavaScript e anche nella maggior parte dei linguaggi di programmazione. Nello specifico, abbiamo già imparato a creare array e usarli negli articoli precedenti del manuale JavaScript. Ma abbiamo ancora alcune cose importanti da spiegare, come gli array multidimensionali.

Gli array multidimensionali sono una struttura di dati che memorizzano i valori in più di una dimensione. Gli array che abbiamo visto finora i valori del negozio in una dimensione, quindi per accedere alle posizioni che usiamo solo un indice. Gli array 2-dimensionali salvano i loro valori, per metterlo in qualche modo, in righe e colonne e quindi avremo bisogno di due indici per accedere a ciascuna delle sue posizioni.

In altre parole, un array multidimensionale è come Un contenitore che ha salvato più valori per ogni posizione, cioè come se gli elementi dell’array fossero altri array.

In JavaScript non vi è alcun oggetto Authentic Array-MultiDimensinal. Per utilizzare queste strutture possiamo definire array che in ciascuna delle sue posizioni ci sarà un altro array. Nei nostri programmi possiamo usare gli array da qualsiasi dimensione, vedremo sotto come lavorare con array bidimensionali, che sarà il più comune.

In questo esempio creeremo un bidimensionale Array dove avremo su una città laterali e dall’altra la temperatura media lo fa in ognuno durante i mesi invernali.

var temperaturas_medias_ciudad0 = new Array(3) temperaturas_medias_ciudad0 = 12 temperaturas_medias_ciudad0 = 10 temperaturas_medias_ciudad0 = 11 var temperaturas_medias_ciudad1 = new Array (3) temperaturas_medias_ciudad1 = 5 temperaturas_medias_ciudad1 = 0 temperaturas_medias_ciudad1 = 2 var temperaturas_medias_ciudad2 = new Array (3) temperaturas_medias_ciudad2 = 10 temperaturas_medias_ciudad2 = 8 temperaturas_medias_ciudad2 = 10

Con le linee precedenti noi hanno creato tre array di 1 dimensione e tre elementi, come quelli che già sapevamo. Ora creeremo una nuova serie di tre elementi e introdurremo gli array creati in precedenza all’interno di ciascuna delle sue scatole, con cui avremo una serie di array, cioè una matrice 2-dimensionale.

var temperaturas_cuidades = new Array (3) temperaturas_cuidades = temperaturas_medias_ciudad0 temperaturas_cuidades = temperaturas_medias_ciudad1 temperaturas_cuidades = temperaturas_medias_ciudad2

Vediamo che per introdurre l’intero array ci riferiamo senza parentesi o parentesi, ma solo con il suo nome. L’array temperatures_quity è la nostra matrice bidimensionale.

È anche interessante vedere come un tour viene eseguito da un array bidimensionale. Per questo dobbiamo fare un ciclo che passa attraverso ciascuna delle scatole di array bidimensionali e dentro di loro effettua un nuovo tour per ciascuna delle sue scatole interne. Cioè, un tour di un array all’interno di un altro.

Il metodo per fare un tour all’interno di un altro è quello di posizionare un anello all’interno di un altro, che è chiamato un ciclo nidificato. In questo esempio metteremo un anello per un altro. Inoltre, scriviamo i risultati su un tavolo, che complica un po ‘la sceneggiatura, ma possiamo vedere come costruire un tavolo da JavaScript mentre eseguiamo il percorso annidato al ciclo.

Questo script è un po ‘più complesso di quelli visti in precedenza. La prima azione è scrivere l’intestazione del tavolo, cioè l’etichetta <TABLE> insieme ai suoi attributi. Con il primo ciclo eseguiamo un tour alla prima dimensione dell’array e utilizza la variabile I per mantenere il resoconto della posizione corrente. Per ogni iterazione di questo ciclo scriviamo una riga e per avviare la riga, apriamo l’etichetta <TR>. Inoltre, abbiamo scritto in una scatola il numero della città che stiamo viaggiando in quel momento. Successivamente mettiamo un altro ciclo che sta attraversando ciascuna delle scatole di array nella sua seconda dimensione e scriviamo la temperatura della città attuale in ciascuno dei mesi, all’interno della sua etichetta <TD>. Una volta terminato il secondo loop, le tre temperature sono state stampate e quindi la riga è finita. Il primo loop continua ad abrogare fino a quando tutte le città vengono stampate e una volta terminato abbiamo chiuso il tavolo.

Possiamo vedere l’esempio in esecuzione ed esaminare il codice dell’intero Script

Inizializzazione degli array

Per finire con il tema degli array vedremo un modo per inizializzare i tuoi valori mentre lo dichiariamo, quindi possiamo eseguire in modo più rapido il Processo di introduzione di valori in ciascuna delle posizioni dell’array.

Il metodo normale di creazione di un array abbiamo visto che era attraverso l’oggetto Array, mettendo il numero di scatole di array tra parentesi o non mettere nulla, in modo che l’array sia creato senza alcuna posizione. Per inserire i valori a un array diventa lo stesso, ma mettendo tra le parentesi i valori con cui vogliamo riempire le scatole separate da un coma. Vediamo con un esempio che crea un array con i nomi dei giorni della settimana.

var diasSemana = new Array("Lunes","Martes","Miércoles,","Jueves","Viernes","Sábado","Domingo")

L’array viene creato con 7 caselle, da 0 a 6 E in ogni scatola è scritto il giorno della settimana corrispondente (tra le citazioni perché è un testo).

Ora vediamo qualcosa di più complicato, si tratta di dichiarare l’array bidimensionale che utilizziamo prima per Temperature delle città nei mesi su una singola riga, inserendo i valori alla volta.

var temperaturas_cuidades = new Array(new Array (12,10,11), new Array(5,0,2),new Array(10,8,10))

Nell’esempio entriamo in ciascuna scatola array un altro Array che ha come valori Le temperature di una città in ogni mese.

JavaScript ha ancora un modo più sintetico di quello che abbiamo appena visto, che spieghiamo nel primo articolo in cui trattiamo gli array. Per questo abbiamo semplicemente scritto tra parentesi i dati dell’array che stiamo creando. Per finire mostreremo un esempio su come utilizzare questa sintassi per dichiarare gli array di più di una dimensione.

var arrayMuchasDimensiones = , , "acabo"], 2, 5];

In questo esempio abbiamo creato una persona molto uniforme Array, perché ha contenuto scatole con contenuto di semplici semplici e altri con contenuti a catena e altri che sono altri array. Potremmo accedere ad alcune delle loro scatole e mostrare i loro valori in questo modo:

alert (arrayMuchasDimensiones)alert (arrayMuchasDimensiones)alert (arrayMuchasDimensiones)

Con questo siamo arrivati alla fine degli articoli che si occupiamo Array in JavaScript e ora possiamo continuare con una piccola pausa e un consiglio che verrà bene per migliorare la nostra relazione con questo linguaggio di programmazione.