Esercizi Spread Operator JavaScript
Codegrind Team•Jul 12 2024
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 }