Object assign — CodingCreativo

In questa lezione parleremo di object assign, un metodo di JavaScript che copia tutte le proprietà enumerabili da uno o più oggetti di origine in un oggetto di destinazione.

Questo metodo consente di unire dunque due oggetti, clonare un oggetto esistente ed in definitiva può rappresentare anche un altro modo per creare oggetti in JavaScript partendo da altri oggetti esistenti o creati sul momento.

La sintassi di questo metodo è dunque questa:

Object.assign(target, ...sources)

Dove target è l'oggetto di destinazione, mentre sources sono gli oggetti di origine.

Da zero ad eroe

Entra nel mondo della programmazione web: variabili, funzioni, array, DOM, eventi. Con esercizi pratici e progetti coinvolgenti.

8 ore di corso registrato
Più di 50 algoritmi risolti passo passo
Livello base — da zero ad eroe
100% online, fruibile quando vuoi

Esempio object assign

In questo primo esempio definiamo un oggetto auto dove impostiamo la proprietà marca. Questo stesso oggetto rappresenta il target, cioè l'oggetto di destinazione.

Dopo utilizzando il metodo object.assign aggiungiamo il modello e l'anno attraverso un oggetto di origine (source) che definiamo sul momento.

var auto = {
    marca: "Fiat"
};

Object.assign(auto, {
  modello: "500",
  anno: 2020
});

console.log(auto);

Lo stesso esempio si poteva scrivere anche in questo modo:

var auto = {
    marca: "Fiat"
};

var caratteristiche = {
  modello: "500",
  anno: 2020
}

Object.assign(auto, caratteristiche);

Esempio object assign

Object assign si può utilizzare anche per unire due oggetti di origine in un oggetto target inizialmente vuoto, come nell'esempio seguente.

var coordinataX = { x: 10 };
var coordinataY = { y: 20 };

var coordinate = Object.assign({}, coordinataX , coordinataY);
console.log(coordinate);

In definitiva stiamo unendo due oggetti in uno solo.

In questa lezione abbiamo parlato di object assign e di come può essere utilizzato per costruire oggetti. Nella prossima lezione vedremo come utilizzare le classi in JavaScript, caratteristica presente nella versione ES6.

Lezione precedente: object defineproperties

Lezione successiva: le classi in JavaScript ES6