📢 Nuovo Corso Laravel API disponibile!

Esercizi Spread Operator JavaScript

Ecco degli esercizi con soluzione per praticare l’uso dello spread operator in JavaScript.

Esercizio 1: Copia di un Array

Creare una copia di un array utilizzando lo spread operator.
const originalArray = [1, 2, 3];
const copiedArray = [...originalArray];
console.log(copiedArray); // [1, 2, 3]
console.log(copiedArray === originalArray); // false

Esercizio 2: Unire Due Array

Unire due array in un nuovo array utilizzando lo spread operator.
const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = [...array1, ...array2];
console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

Esercizio 3: Copia di un Oggetto

Creare una copia di un oggetto utilizzando lo spread operator.
const originalObject = { a: 1, b: 2 };
const copiedObject = { ...originalObject };
console.log(copiedObject); // { a: 1, b: 2 }
console.log(copiedObject === originalObject); // false

Esercizio 4: Unire Due Oggetti

Unire due oggetti in un nuovo oggetto utilizzando lo spread operator.
const object1 = { a: 1, b: 2 };
const object2 = { c: 3, d: 4 };
const combinedObject = { ...object1, ...object2 };
console.log(combinedObject); // { a: 1, b: 2, c: 3, d: 4 }

Esercizio 5: Aggiungere Elementi a un Array

Aggiungere nuovi elementi a un array esistente utilizzando lo spread operator.
const originalArray = [1, 2, 3];
const newArray = [0, ...originalArray, 4, 5];
console.log(newArray); // [0, 1, 2, 3, 4, 5]

Esercizio 6: Aggiungere Proprietà a un Oggetto

Aggiungere nuove proprietà a un oggetto esistente utilizzando lo spread operator.
const originalObject = { a: 1, b: 2 };
const newObject = { ...originalObject, c: 3, d: 4 };
console.log(newObject); // { a: 1, b: 2, c: 3, d: 4 }

Esercizio 7: Parametri di Funzione

Utilizzare lo spread operator per passare elementi di un array come parametri di una funzione.
function somma(a, b, c) {
return a + b + c;
}
const numeri = [1, 2, 3];
console.log(somma(...numeri)); // 6

Esercizio 8: Destructuring e Spread Operator

Utilizzare il destructuring insieme allo spread operator per separare elementi di un array.
const numeri = [1, 2, 3, 4, 5];
const [primo, secondo, ...resto] = numeri;
console.log(primo); // 1
console.log(secondo); // 2
console.log(resto); // [3, 4, 5]

Esercizio 9: Creare un Array da una Stringa

Creare un array dai caratteri di una stringa utilizzando lo spread operator.
const stringa = "hello";
const arrayDaStringa = [...stringa];
console.log(arrayDaStringa); // ["h", "e", "l", "l", "o"]

Esercizio 10: Combinare Oggetti con Proprietà Sovrascritte

Combinare due oggetti con proprietà sovrascritte utilizzando lo spread operator.
const object1 = { a: 1, b: 2 };
const object2 = { b: 3, c: 4 };
const combinedObject = { ...object1, ...object2 };
console.log(combinedObject); // { a: 1, b: 3, c: 4 }