Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Sintassi spread negli array

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

La sintassi di spread (...) consente di espandere un iterabile, come un array, nei punti in cui sono previsti zero o più argomenti o elementi. Offre un modo conciso per eseguire operazioni come combinare o copiare array.

Ecco alcuni casi d'uso comuni:

1. Combinare gli array:

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]

2. Creare una copia superficiale di un array:

const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]

3. Aggiungere elementi a un array:

const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]

4. Passare gli elementi di un array come argomenti di una funzione:

function sum(a, b, c) {
  return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6
challenge icon

Sfida

Facile

Crea una funzione chiamata mergeArr che accetti due array di numeri come argomenti. La funzione deve:

  1. Unire i due array usando l'operatore spread
  2. Rimuovere eventuali numeri duplicati
  3. Restituire l'array risultante

Provalo tu

function mergeArr(arr1, arr2) {
  // 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