Array in Javascript

Gli array sono collezioni ordinate di elementi che possono essere di qualsiasi tipo. In questa lezione, esploreremo in dettaglio come creare, manipolare e utilizzare gli array in JavaScript.

Creazione di Array

Gli array possono contenere elementi di qualsiasi tipo, inclusi numeri, stringhe, oggetti e altro ancora. Puoi creare un array utilizzando le parentesi quadre [] e separando gli elementi con virgole.

let numbers = [1, 2, 3, 4, 5];
let fruits = ["apple", "banana", "orange"];
let mixed = [42, "hello", true];

Accesso agli Elementi dell’Array

Puoi accedere agli elementi di un array utilizzando l’indice dell’elemento desiderato. Gli indici degli array iniziano da 0.

let colors = ["red", "green", "blue"];
let firstColor = colors[0]; // "red"
let secondColor = colors[1]; // "green"

Modifica degli Elementi dell’Array

Puoi modificare gli elementi di un array assegnando nuovi valori agli indici desiderati.

let fruits = ["apple", "banana", "orange"];
fruits[1] = "grape"; // Modifica l'elemento "banana" in "grape"

Lunghezza dell’Array

Puoi ottenere la lunghezza di un array utilizzando la proprietà length.

let numbers = [10, 20, 30, 40, 50];
let length = numbers.length; // 5

Iterare negli Array

Gli array possono essere iterati utilizzando vari tipi di cicli. Ad esempio:

• Ciclo for:

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

• Ciclo for...of:

let fruits = ["apple", "banana", "orange"];
for (let fruit of fruits) {
  console.log(fruit);
}

Metodi degli Array

Gli array in JavaScript dispongono di numerosi metodi incorporati che semplificano la manipolazione degli array. Ecco alcuni esempi:

• push(element): Aggiunge un elemento alla fine dell’array.

let numbers = [1, 2, 3];
numbers.push(4); // [1, 2, 3, 4]

• pop(): Rimuove e restituisce l’ultimo elemento dell’array.

let numbers = [1, 2, 3, 4];
let lastNumber = numbers.pop(); // 4

• shift(): Rimuove e restituisce il primo elemento dell’array.

let numbers = [1, 2, 3, 4];
let firstNumber = numbers.shift(); // 1

• unshift(element): Aggiunge uno o più elementi all’inizio dell’array.

let numbers = [2, 3, 4];
numbers.unshift(1); // [1, 2, 3, 4]

• sort(): Ordina gli elementi dell’array.

let numbers = [3, 1, 4, 2];
numbers.sort(); // [1, 2, 3, 4]

• splice(start, deleteCount, element1, ..., elementN): Modifica il contenuto di un array rimuovendo o sostituendo elementi.

let fruits = ["apple", "banana", "orange"];
fruits.splice(1, 1, "grape"); // ["banana"] è stato rimosso e sostituito con ["grape"]

• slice(start, end): Estrae una porzione dell’array.

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4); // [2, 3, 4]

• join(separator): Unisce gli elementi dell’array in una stringa utilizzando il separatore specificato.

let fruits = ["apple", "banana", "orange"];
let fruitString = fruits.join(", "); // "apple, banana, orange"

• delete(index): Rimuove un elemento dall’array lasciando un buco nell’indice corrispondente.

let numbers = [1, 2, 3];
delete numbers[1]; // numbers diventa [1, empty, 3]

• concat(array1, array2, ..., arrayN): Unisce due o più array in uno nuovo.

let array1 = [1, 2];
let array2 = [3, 4];
let combined = array1.concat(array2); // [1, 2, 3, 4]

• flat(depth): “Appiattisce” un array annidato.

let nestedArray = [1, [2, [3]]];
let flatArray = nestedArray.flat(2); // [1, 2, 3]

• map(callback): Crea un nuovo array applicando una funzione a ciascun elemento.

let numbers = [1, 2, 3];
let doubled = numbers.map((num) => num * 2); // [2, 4, 6]

Array come Costante

Puoi dichiarare un array come costante utilizzando la parola chiave const. Tuttavia, ciò non significa che gli elementi dell’array sono immutabili. Puoi ancora modificare gli elementi dell’array, ma non puoi assegnare un nuovo array alla variabile costante.

const fruits = ["apple", "banana", "orange"];
fruits[1] = "grape"; // Consentito
fruits = ["pear", "kiwi"]; // Errore: non consentito

Conclusioni

Gli array sono fondamentali per la programmazione in JavaScript e ti consentono di organizzare, manipolare e gestire insiemi di dati. Ora che hai familiarità con la creazione, l’accesso e la manipolazione degli array, sei pronto per esplorare ulteriori concetti avanzati e approfondire le tue competenze di programmazione.