length JavaScript, lunghezza array, proprietà length

La proprietà length in JavaScript è molto utile per determinare quanti elementi sono contenuti in un array.
La stessa proprietà può essere utilizzata anche per calcolare la lunghezza di una stringa.

La sintassi è molto semplice: nomeArray.length.

Dove nomeArray è il nome dell’array di cui si vuole conoscere la lunghezza.

Proprietà length JavaScript – primo esempio

Analizziamo un primo esempio pratico.

Obiettivo: determinare la lunghezza di un array.

Supponiamo dunque di avere un array contenente i seguenti elementi scolastici:

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

Applichiamo la proprietà length per sapere quanti elementi contiene:

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

Il risultato sarà 3, perché l’array contiene tre elementi

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

console.log(oggettiScolastici[0]);                  // primo elemento
console.log(oggettiScolastici[2]);                  // ultimo elemento

Oppure, se non conosciamo la lunghezza dell’array, possiamo ottenere l’ultimo elemento in modo dinamico, usando length - 1:

console.log(oggettiScolastici[0]);                  // primo elemento
console.log(oggettiScolastici[lunghezzaArray - 1]); // ultimo elemento

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

Proprietà length JavaScript – secondo esempio

Vediamo ora come utilizzare length per scorrere tutti gli elementi di un array con un 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:

const 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 (let i=0; i < oggettiScolastici.length; i++) {
  document.write(oggettiScolastici[i] + “<br>”);
}

In questo modo il ciclo si ferma quando i raggiunge il valore oggettiScolastici.length - 1, cioè l’ultimo elemento.

Conclusione

In questa lezione abbiamo imparato che la proprietà length:

serve a determinare il numero di elementi presenti in un array (o di caratteri in una stringa);
è utile per accedere all’ultimo elemento;
è spesso utilizzata nei cicli per scorrere tutti gli elementi in modo dinamico.

Nella prossima lezione vedremo altri esempi pratici sull’uso della proprietà length combinata con metodi come push(), pop() e altri strumenti utili per gestire gli array in JavaScript.

Lezione precedente: introduzione agli array in JavaScript

Lezione successiva: metodo push in JavaScript