Array di array e array associativi



Può darsi che non vi capiti di usarli molto spesso, ma è bene sapere che avete la possibilità di creare array che hanno come elementi altri array. In pratica in questo modo costruite una matrice. Così:

  Alunno 1 Alunno 2 Alunno 3
Classe 1 Aldo Giovanni Giacomo
Classe 2 Mario Gianni Monica

Il codice necessario a costruire una matrice di questo genere è il seguente:

primaClasse = new Array("Aldo","Giovanni", "Giacomo");
secondaClasse = new Array("Mario","Gianni","Monica");
classi = new Array(primaClasse,secondaClasse);

O anche, con una sintassi più elegante:

classi = newArray();
classi[0]= new Array("Aldo","Giovanni", "Giacomo");
classi[1]= new Array ("Mario","Gianni","Monica");

E poi per far riferimento a un singolo elemento sarà sufficiente richiamare la posizione che occupa nella matrice:

alert(classi[1][2]);

JavaScript supporta anche gli array associativi: si tratta della possibilità di assegnare un "nome" all'indice dell'array, anziché un numero. Ad esempio:

voti = new Array();
voti["Mario"] = 7;
voti["Gianni"] = 4;
voti["Monica"] = 4;
alert(voti["Mario"]);

Un altro modo molto utile e veloce per dichiarare un array associativo è questo:

var arrayAssociativo = { "Mario":"7", "Gianni":"4", "Monica":"4" };

Ultimi articoli JavaScript

Kendo UI, un'alternativa a jQuery UI

Sviluppare applicazioni desktop e mobile sfruttando jQuery e HTML5 e...

Javascript MVC, realizzare la prima applicazione

Sviluppare applicazioni scalabili con il framework JavaScript MVC

Ottimizzare le Performance di jQuery: cache e concatenazione

Rendere il codice jQuery più performante minimizzando le ricerche di...

Dojo Toolkit, il framework JavaScript per il Mobile

Come sviluppare applicazioni mobile per iOS, Android e Blackberry...

jQuery: messaggi di notifica con dNotify

Un plugin per jQuery che aggiunge un sistema unobtrusive di...

Altri articoli

Guide JavaScript

Canvas, guida pratica

Canvas, tra gli elementi di HTML5 è forse quello di maggior impatto....

Guida jQuery UI

Creare siti ricchi e dinamici con jQuery UI, il progetto ufficiale...

Guida Javascript: tecniche avanzate

Una guida dal taglio pratico per approfondire la programmazione a...

Altre guide

Newsletter @JavaScript

Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

12 Marzo 2012 a Milano
Disponibilità: 6 Posti

Corso Webmaster base

20 Febbraio 2012 a Roma
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti