Gli Array



Gli array sono un tipo particolare di dati: se le variabili sono delle "scatole" in cui inserire i dati, gli array possono essere paragonati a "scatole a scomparti multipli", in cui ogni scomparto ha il suo "numero d'ordine". Si tratta infatti di un tipo particolare di variabile che ci permette di inserire molteplici dati in maniera ordinata.

La sintassi per creare un array è la seguente:

//viene creato l'array miaVariabile = new Array(); //assegno ad ogni elemento dell'array il valore che voglio miaVariabile[i]=contenuto;

dove "i" è l'indice che indica la posizione all'interno dell'array. Nel contare gli elementi di un array si comincia sempre dallo 0.

Esiste anche un'ulteriore sintassi per creare un array (più sintetica):

miaVariabile = new Array(contenuto_1,contenuto_2, ..., contenuto_n);

Possiamo ad esempio creare un array che contenga i nomi degli studenti di un corso.

alunni = new Array(); //viene creato l'array
alunni [0]="Mario";
alunni [1]="Gianni";
alunni [2]="Monica";

e con la sintassi sintetica:

alunni=new Array("Mario", "Gianni","Monica");

notare che i diversi elementi sono separati da virgola.

I tipi di dati contenuti dai vari elementi dell'array possono essere anche eterogenei. Se mai ne avessimo bisogno, potremmo scegliere ad esempio creare un array che contenga il nome dell'alunno (numeri pari nell'indice dell'array) e subito dopo la sua media di voti:

//viene creato l'array
alunni = new Array();

alunni [0]="Mario";
alunni [1]=7;
alunni [2]="Gianni";
alunni [3]=4;
alunni [4]="Monica";
alunni [5]=4;

oppure:

alunni = new Array("Mario", 7, "Gianni", 4,"Monica", 4);

Per richiamare un elemento è poi sufficiente richiamarne la posizione all'interno dell'array:

alert(alunni [4]);

In JavaScript ci sono diversi metodi che ci aiutano a manipolare gli array. Fra tutti ne vediamo alcuni particolarmente utili:

Metodo o proprietà Descrizione Esempio
length Conoscere la lunghezza di un array alunni=new Array("Mario", "Gianni","Monica");
alert(alunni.length);
push(elemento) Aggiungere un elemento in coda all’array e restituire la nuova lunghezza alunni=new Array("Mario", "Gianni","Monica");
aggiungi=alunni.push("Davide");
alert(aggiungi);
concat (elementi da aggiungere) Aggiungere elementi ad un array e restituire la nuova lunghezza. Restituisce un nuovo array formato dalla somma degli elementi

alunni=new Array("Mario", "Gianni","Monica");
aggiungi=alunni.concat("Davide","Giovanni");
alert(aggiungi);

pop() Eliminare un elemento dalla fine dell’array e restituisre il nome dell’elemento eliminato. alunni=new Array("Mario", "Gianni","Monica");
togli=alunni.pop();
alert(togli);
alert(alunni.length);
shift() Eliminare un elemento dall’inizio dell’array e restituire il nome dell’elemento eliminato alunni=new Array("Mario", "Gianni","Monica");
togli=alunni.shift();
alert(togli);
alert(alunni.length);
reverse() Invertire l’ordine degli elementi di un array alunni=new Array("Mario", "Gianni","Monica");
alunni.reverse();
alert(alunni[0]);
slice(inizio,fine) Dividere l’array in un array più piccolo e restituire il nuovo array
alunni=new Array("Mario", "Gianni","Monica","Davide");
alert(alunni.length);
alunni2=alunni.slice(0,2);
alert(alunni2.length);

Ultimi articoli JavaScript

PhantomJS, headless browser per test con Javascript

Il tool ideale per realizzare, da terminale, operazioni in remoto su...

Creare e leggere QR Code in JavaScript

Applicazioni 'QR Code enabled' per il Web e per il mobile,...

Jquery UI Map: web-mapping con Google Maps e jQuery

Un plugin di jQuery UI per intefacciare applicaizoni Web/mobile con...

Scrollorama e Scrolldeck, slideshow d'effetto con jQuery

Plugin jQuery per ottenere Slideshow con diversi effetti di scrolling

jCanvas, un primo semplice grafico

Alla scoperta della libreria jCanvas, per semplificare il disegno e...

Altri articoli

Guide JavaScript

Guida Node.js

Il framework che permette di per usare V8, l'interprete JavaScript...

Canvas, guida ai framework

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

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 Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso JQuery e Ajax per Webmaster

03 Luglio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti