Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Destrutturazione degli array

Fa parte della sezione Logica e flusso del percorso JavaScript di Coddy. Lezione 47 di 65.

La destrutturazione degli array è un modo pratico per estrarre più valori da un array e assegnarli a variabili in un'unica istruzione. Utilizza una sintassi che rispecchia la struttura di un array letterale.

Sintassi di base:

const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

Puoi saltare gli elementi:

const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3

Puoi usare i parametri rest per catturare gli elementi rimanenti:

const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a);    // 1
console.log(rest); // [2, 3, 4, 5]

Puoi fornire valori predefiniti:

const [a, b, c = 3] = [1, 2];
console.log(c); // 3
challenge icon

Sfida

Facile

Crea una funzione chiamata analyzeArray che accetta un array come argomento. La funzione dovrebbe usare la destrutturazione degli array per estrarre il primo, il secondo e l’ultimo elemento dell’array. Dovrebbe restituire un oggetto con le seguenti proprietà:

  • first: il primo elemento dell’array
  • second: il secondo elemento dell’array
  • last: l’ultimo degli elementi che vengono dopo il secondo (null quando l’array ha due o meno elementi)
  • restLength: quanti elementi si trovano tra il secondo e last (l’array ...rest con last rimosso)

Se uno qualsiasi di questi elementi non esiste, usa null come valore predefinito. Esempio: per [1, 2, 3, 4, 5] il risultato è { first: 1, second: 2, last: 5, restLength: 2 }; per [42] è { first: 42, second: null, last: null, restLength: 0 }.

Provalo tu

function analyzeArray(arr) {
  // Scrivi il tuo codice qui
}
quiz iconMettiti alla prova

Questa lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.

Tutte le lezioni di Logica e flusso

1Le stringhe in dettaglio

Fondamenti delle stringheIterare sulle stringheTemplate literalsMetodi delle stringheRiepilogo - Intrecciatore di stringhe

4JSON Parte 2

Iterare su JSONJSON annidatoOptional chaining in JSONCopia superficiale e profondaRipasso - Negozio di bicicletteRipasso - Sistema solare

7Sistema di gestione della biblioteca

Panoramica del progettoAggiungere libriLezione di progettoCercare per titoloLezione di progettoFiltrare per genereLezione di progettoSegnare come lettoLezione di progetto

10Gestire il sistema del festival

Panoramica del progettoAggiungere film e saleLezione di progettoAggiungere una proiezioneLezione di progettoAcquistare bigliettiLezione di progettoValutare i filmLezione di progettoAnnullare le proiezioniLezione di progetto

2Array multidimensionali

Nozioni di base sugli array 2DAccesso agli elementi di un array 2DCicli annidati con array 2DRipasso: array 2DAddizione e sottrazione di matriciArray frastagliatiArray 3D e oltreSchemi comuni con array 2DRipasso: tutto sugli array

5Insiemi Parte 1

Che cos'è un insieme?Iterare sugli insiemiAggiungere un elementoRimuovere un elementoVerificare se un elemento esisteDimensione e verifica del vuotoCopiare e svuotareRiepilogo - Nozioni di base sugli insiemi

8Argomenti interessanti sugli array

Destrutturazione degli arraySintassi spread negli arrayArray sparsiRiepilogo - Laboratorio sugli array

3JSON Parte 1

Che cos'è JSON?Verificare se una chiave esisteMetodi degli oggettiL'operatore spread Parte 1L'operatore spread Parte 2Rimuovere le chiaviRipasso - Manipolare le chiavi in JSON

6Insiemi Parte 2

Matematica - Unione di insiemiMatematica - Intersezione di insiemiMatematica - Differenza di insiemiMatematica - Differenza simmetricaSottoinsiemi e sovrainsiemiRiepilogo - Raggruppa gli amici

9Metodi avanzati degli array

I metodi Join e SplitIl metodo MapIl metodo FilterIl metodo ReduceConcatenare i metodi degli arrayForEach e Map sono uguali?Il metodo SortI metodi Find e FindIndexRipasso: il maestro delle concatenazioni

Esercitati da solo: Compilatore JavaScript online