La proprietà length utilizzata sugli array in JavaScript è utile per determinare quanti elementi sono contenuti in un array.

Questa proprietà viene utilizzata anche per determinare la lunghezza di una stringa.

La sintassi è molto semplice: nomeArray.length.

Dove con nomeaArray indichiamo l’array di cui si vuole calcolare al lunghezza.

Proprietà length JavaScript – primo esempio

Analizziamo un primo semplicissimo esempio di questa proprietà JavaScript.

Dato un array determinarne la lunghezza.

Supponiamo dunque di avere un array contenente i seguenti elementi:

var oggettiScolastici = ['gomma', 'quaderno', 'matita'];

Applichiamo poi la proprietà length di JavaScript su questo array ed otterremo come risultato 3, che corrisponde al numero di elementi.

var lunghezzaArray = oggettiScolastici.length;
console.log(lunghezzaArray);

Di conseguenza, se voglio ad esempio stampare il primo e l’ultimo elemento dell’array posso scrivere:

console.log(oggettiScolastici[0]);
console.log(oggettiScolastici[2]);

Oppure, se ad esempio non conosco la lunghezza dell’array, posso anche scrivere:

console.log(oggettiScolastici[0]); 
console.log(oggettiScolastici[lunghezzaArray - 1]);

Infatti sottraendo alla lunghezza dell’array il valore 1, ottengo sempre l’ultimo elemento.

Proprietà length JavaScript – secondo esempio

Creiamo un array di elementi e dopo visualizzare ciascun elemento utilizzando il ciclo for.

Questo secondo esempio è simile al precedente ma utilizza la proprietà length sull’array come condizione del ciclo for.

Creo dunque l’array in questo modo:

var oggettiScolastici = ['gomma', 'quaderno', 'matita'];

Dopo scorro l’array attraverso un semplice ciclo for, fermandomi quando la varaibile contatore i è inferiore a giorni.length.

Infatti, come osservato nell’esempio precedente, l’ultimo elemento ha la posizione giorni.length – 1, che nel nostro caso specifico ha valore 2.

Ecco dunque il ciclo for utile per scorrere tutto l’array e stampare ciascun elemento nella pagina web.

for (var i=0; i < giorni.length; i++) {
  document.write(giorni[i] + “<br>”);
}

In questa lezione abbiamo analizzato alcuni esempi d’uso della proprietà length negli array in JavaScript, nelle prossime lezioni affronteremo altri esempi con l’utilizzo di questa proprietà.

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Utilizzare JavaScript prompt

Variabili in JavaScript

Gioco indovina numero in JavaScript

Gioco della morra cinese in JavaScript

Semplice quiz utilizzando gli array

Come realizzare il gioco dei dadi online