Skip to content

Cheat Sheet dei Metodi degli Array in JavaScript

Questa pagina fornisce una guida dettagliata ai metodi degli array in JavaScript, inclusi le operazioni comuni, le nuove funzionalità ES6, l’ottimizzazione delle prestazioni e altro ancora.

Creazione di Array

JavaScript offre diversi modi per creare array:

Utilizzo dei Letterali di Array 

let arr = [1, 2, 3];

Utilizzo del Costruttore 

let arr = new Array(1, 2, 3);

Utilizzo del metodo Array.of 

let arr = Array.of(1, 2, 3);

Utilizzo del metodo Array.from 

let arr = Array.from('123'); // ['1', '2', '3']

Operazioni con gli Array

Gli array forniscono una vasta gamma di metodi per aggiungere, eliminare, modificare e interrogare i dati:

Aggiunta di elementi

  • push: Aggiunge uno o più elementi alla fine dell’array
  • unshift: Aggiunge uno o più elementi all’inizio dell’array

Eliminazione di elementi

  • pop: Elimina l’ultimo elemento dell’array
  • shift: Elimina il primo elemento dell’array
  • splice: Elimina un numero qualsiasi di elementi in base all’indice

Ricerca di elementi

  • indexOf: Trova l’indice di un elemento nell’array
  • includes: Determina se l’array contiene un determinato elemento

Iterazione attraverso gli array

  • forEach: Esegue una funzione di callback una volta per ogni elemento dell’array
  • map: Crea un nuovo array con i risultati della chiamata a una funzione fornita su ogni elemento dell’array chiamante
  • filter: Crea un nuovo array con tutti gli elementi che superano il test implementato dalla funzione fornita

Trasformazione degli array

  • join: Unisce tutti gli elementi di un array in una stringa
  • slice: Restituisce una copia superficiale di una parte di un array
  • concat: Unisce due o più array

Nuove Funzionalità ES6

ES6 ha apportato molti miglioramenti alle operazioni sugli array:

Operatore di Espansione (Spread) 

let arr = [1, 2, 3];
let arr2 = [...arr, 4, 5]; // [1, 2, 3, 4, 5]

Array.prototype.find 

let result = arr.find(item => item > 2); // 3

Array.prototype.findIndex 

let index = arr.findIndex(item => item > 2); // 2

Array.prototype.fill 

arr.fill(0); // [0, 0, 0]

Array.prototype.includes 

arr.includes(2); // true

Ottimizzazione delle Prestazioni

Quando si ha a che fare con array di grandi dimensioni, l’ottimizzazione delle prestazioni è particolarmente importante:

  • Cerca di utilizzare metodi nativi come map e filter, che sono solitamente implementati in C++ e sono più veloci dei cicli JavaScript.
  • Per gli array manipolati frequentemente, considera l’utilizzo di Typed Arrays.
  • Evita le operazioni sul DOM all’interno dei cicli; raccogli invece i nodi DOM da manipolare ed esegui l’operazione tutta in una volta.

Conclusione

Grazie a questa guida, dovresti avere una comprensione più profonda delle operazioni sugli array in JavaScript. Per ulteriori informazioni, consulta MDN Web Docs.