Gianni Messina

un vademecum con l’elenco delle principali funzioni di libreria per lavorare con gli array in JavaScript, accompagnate da una breve descrizione e un esempio pratico per ciascuna.

1. Creazione e trasformazione

Array.from()

Crea un nuovo array da un oggetto iterabile (come una stringa o un oggetto con length).

javascriptCopia codiceconst str = "hello";
const arr = Array.from(str); // ["h", "e", "l", "l", "o"]

Array.of()

Crea un nuovo array dai valori passati come argomenti.

javascriptCopia codiceconst arr = Array.of(1, 2, 3); // [1, 2, 3]

---

2. Aggiunta e rimozione di elementi

push()

Aggiunge uno o più elementi alla fine dell’array.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]

pop()

Rimuove e restituisce l’ultimo elemento.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.pop(); // [1, 2]

unshift()

Aggiunge uno o più elementi all’inizio.

javascriptCopia codiceconst arr = [2, 3];
arr.unshift(1); // [1, 2, 3]

shift()

Rimuove e restituisce il primo elemento.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.shift(); // [2, 3]

---

3. Modifica dell’array

splice()

Aggiunge, rimuove o sostituisce elementi in una posizione specifica.

javascriptCopia codiceconst arr = [1, 2, 3, 4];
arr.splice(1, 2, 9); // [1, 9, 4]

slice()

Restituisce una copia di una porzione dell’array senza modificarlo.

javascriptCopia codiceconst arr = [1, 2, 3, 4];
const newArr = arr.slice(1, 3); // [2, 3]

---

4. Ricerca e filtro

indexOf()

Restituisce l’indice della prima occorrenza di un elemento (o -1 se non trovato).

javascriptCopia codiceconst arr = [1, 2, 3];
arr.indexOf(2); // 1

lastIndexOf()

Restituisce l’indice dell’ultima occorrenza di un elemento.

javascriptCopia codiceconst arr = [1, 2, 3, 2];
arr.lastIndexOf(2); // 3

includes()

Verifica se un elemento è presente nell’array.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.includes(2); // true

find()

Trova il primo elemento che soddisfa una condizione.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.find(x => x > 1); // 2

findIndex()

Restituisce l’indice del primo elemento che soddisfa una condizione.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.findIndex(x => x > 2); // 2

filter()

Restituisce un nuovo array con gli elementi che soddisfano una condizione.

javascriptCopia codiceconst arr = [1, 2, 3, 4];
arr.filter(x => x > 2); // [3, 4]

---

5. Iterazione

forEach()

Esegue una funzione per ogni elemento dell’array.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.forEach(x => console.log(x * 2)); // 2, 4, 6

map()

Restituisce un nuovo array con i risultati di una funzione applicata a ogni elemento.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.map(x => x * 2); // [2, 4, 6]

reduce()

Riduce l’array a un unico valore applicando una funzione cumulativa.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.reduce((sum, x) => sum + x, 0); // 6

reduceRight()

Come reduce(), ma inizia dall’ultimo elemento.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.reduceRight((sum, x) => sum + x, 0); // 6

---

6. Ordinamento e trasformazioni

sort()

Ordina gli elementi dell’array (modificando l’array originale).

javascriptCopia codiceconst arr = [3, 1, 4];
arr.sort(); // [1, 3, 4]

reverse()

Inverte l’ordine degli elementi.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.reverse(); // [3, 2, 1]

join()

Combina gli elementi in una stringa separata da un delimitatore.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.join('-'); // "1-2-3"

concat()

Unisce due o più array in un nuovo array.

javascriptCopia codiceconst arr1 = [1, 2];
const arr2 = [3, 4];
arr1.concat(arr2); // [1, 2, 3, 4]

---

7. Controllo

some()

Verifica se almeno un elemento soddisfa una condizione.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.some(x => x > 2); // true

every()

Verifica se tutti gli elementi soddisfano una condizione.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.every(x => x > 0); // true

---

8. Conversione

flat()

Appiattisce un array di array fino a una profondità specifica.

javascriptCopia codiceconst arr = [1, [2, [3]]];
arr.flat(2); // [1, 2, 3]

flatMap()

Applica una funzione e appiattisce il risultato di un livello.

javascriptCopia codiceconst arr = [1, 2];
arr.flatMap(x => [x, x * 2]); // [1, 2, 2, 4]

---

9. Controllo della lunghezza

length

Restituisce o imposta il numero di elementi dell’array.

javascriptCopia codiceconst arr = [1, 2, 3];
arr.length; // 3
arr.length = 2; // [1, 2]

---

Questo elenco copre la maggior parte delle funzioni che incontrerai lavorando con gli array in JavaScript. Se hai bisogno di approfondimenti su qualcuna di queste, chiedi pure!

---