Object assign

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.

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.

Alcuni link utili

Indice tutorial JavaScript

Le funzioni di callback

Le function callback usate con i metodi e con gli array

Esempi funzioni di callback

Come utilizzare le callback e setTimeout

Cifrario di Cesare online

Come realizzare un convertitore da decimale a binario, ottale ed esadecimale

Come creare PDF con JavaScript

PDF da un form con JavaScript

Proprietà di un PDF con JavaScript

Libreria jsPDF

Come utilizzare le canvas in JavaScript

Esercizi canvas con JavaScript

Creare una calcolatrice con JavaScript

Validare un form in JavaScript

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *