Gli array sono strutture dati utilizzate per memorizzare e manipolare collezioni di valori.

Creazione di Array

• Gli array in JavaScript vengono creati utilizzando le parentesi quadre [] e sono noti come letterali di array;
• Gli elementi all'interno dell'array sono separati da virgole.

// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Accesso agli Elementi dell'Array

• Gli indici degli array partono da 0, quindi il primo elemento ha indice 0, il secondo elemento ha indice 1 e così via;
• Gli elementi specifici all'interno di un array possono essere accessi utilizzando le parentesi quadre con l'indice dell'elemento.

const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Modifica degli Elementi dell'Array

Gli elementi di un array possono essere modificati accedendo tramite il loro indice e assegnando un nuovo valore.

colors[1] = "yellow";
numbers[0] = 10;

Lunghezza dell'Array

La proprietà length di un array rappresenta il numero di elementi che contiene. Si aggiorna automaticamente quando vengono aggiunti o rimossi elementi.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Ricerca dell'Ultimo Elemento

Per ottenere il valore dell'ultimo elemento in un array, è possibile calcolare il suo indice utilizzando la lunghezza dell'array, ovvero array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

Ciclo For

• Il ciclo for viene utilizzato per iterare su un array elemento per elemento;
• Utilizza una variabile contatore di ciclo (ad esempio, i) per accedere a ciascun elemento tramite indice;
• Il ciclo continua finché il contatore è inferiore alla lunghezza dell'array;
• Strumento fondamentale per l'iterazione sugli array.

for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

Ciclo For...of

• Il ciclo for...of rappresenta un metodo più moderno e conciso per iterare sugli array;
• Gestisce automaticamente il contatore del ciclo e fornisce accesso diretto al valore di ciascun elemento;
• Semplifica l'iterazione sugli array, rendendo il codice più pulito e leggibile.

for (const color of colors) {
  console.log(color);
}