Skip to content

Schema riassuntivo 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à di 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 sugli Array

Gli array forniscono un ricco insieme di metodi per la manipolazione dei dati (aggiunta, eliminazione, modifica, ricerca):

Aggiunta di elementi

  • push: aggiunge uno o più elementi alla fine di un array.
  • unshift: aggiunge uno o più elementi all’inizio di un array.

Eliminazione di elementi

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

Ricerca di elementi

  • indexOf: cerca l’indice di un elemento nell’array.
  • includes: determina se un array contiene un determinato elemento.

Iterazione sugli array

  • forEach: esegue una funzione di callback per ogni elemento dell’array.
  • map: crea un nuovo array con i risultati della chiamata a una funzione per ogni elemento dell’array originale.
  • filter: crea un nuovo array con tutti gli elementi che superano un test.

Trasformazione di array

  • join: unisce tutti gli elementi di un array in una stringa.
  • slice: restituisce un frammento di un array.
  • concat: unisce due o più array.

Nuove funzionalità ES6

ES6 ha introdotto molti miglioramenti per la manipolazione degli array:

Operatore 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

L’ottimizzazione delle prestazioni è fondamentale quando si gestiscono array di grandi dimensioni:

  • Cerca di utilizzare metodi nativi come map e filter, poiché solitamente sono implementati in C++ e sono più veloci dei cicli JavaScript.
  • Per gli array manipolati frequentemente, considera l’utilizzo di Typed Arrays.
  • Evita di eseguire operazioni DOM all’interno dei cicli; raccogli invece le modifiche DOM necessarie e applicale tutte in una volta alla fine.

Conclusione

Studiando questa guida, speriamo che tu abbia acquisito una comprensione più approfondita delle operazioni sugli array in JavaScript. Per ulteriori informazioni, consulta MDN Web Docs.