Esercizi Spread Operator JavaScript
- Esercizio 1: Copia di un Array
- Esercizio 2: Unire Due Array
- Esercizio 3: Copia di un Oggetto
- Esercizio 4: Unire Due Oggetti
- Esercizio 5: Aggiungere Elementi a un Array
- Esercizio 6: Aggiungere Proprietà a un Oggetto
- Esercizio 7: Parametri di Funzione
- Esercizio 8: Destructuring e Spread Operator
- Esercizio 9: Creare un Array da una Stringa
- Esercizio 10: Combinare Oggetti con Proprietà Sovrascritte
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); // 1console.log(secondo); // 2console.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 }