Oggetto JavaScript.Metodo Assegna | Spiegato

Oggetto JavaScript.Metodo Assegna | Spiegato
Il JavaScript Es6 introdotto il "Oggetto.assegnare()"Metodo che ti consente di farlo copia Proprietà da un singolo o multiplo "fonte"Oggetti a"bersaglio"Oggetto. Questo metodo esegue il “Ottenere"Operazione per recuperare le proprietà dell'oggetto sorgente e"impostato"Loro nell'oggetto target specificato.

Questo articolo discuterà del funzionamento del Oggetto JavaScript.Metodo Assegna (). Quindi iniziamo!

Come usare l'oggetto JavaScript.Metodo Assegna ()

L'oggetto JavaScript.Il metodo Assegna () è considerato utile per i seguenti casi:

  • A clone UN oggetto.
  • A Unisci più oggetti in un oggetto.

Discuteremo le applicazioni menzionate dell'oggetto.Metodo Assegna () nella sezione successiva.

Come clonare un oggetto usando l'oggetto JavaScript.Metodo Assegna ()

IL "Oggetto.assegnare()"Il metodo viene utilizzato per clonare l'enumerabile"valore chiave"Coppia di un oggetto sorgente già creato nell'oggetto target. È principalmente utilizzato per eseguire il "Poco profondo"Copia procedura.

Sintassi dell'uso dell'oggetto JavaScript.Metodo Assegna () all'oggetto clonale

Oggetto.Assegna (target, fonte)

Qui, "bersaglio"Rappresenta l'oggetto JavaScript la cui coppia di valore chiave sarà clonata e"fonte"Indica l'oggetto in cui verrà posizionata la coppia di valore chiave copiato.

Esempio: come clonare un oggetto usando l'oggetto JavaScript.Metodo Assegna ()

Prima di tutto, creeremo un "dipendente"Oggetto, con le due coppie di valore chiave e un oggetto vuoto chiamato"EMP1":

const dipendente =
Nome: 'Alex',
Designazione: "Manager"
;
let emp1 = ;

Quindi, cloneremo il "dipendente"Proprietà oggetto a"EMP1"Oggetto usando JavaScript"Oggetto.assegnare()" metodo. Per farlo, specificheremo "EMP1" COME "bersaglioOggetto e "dipendente" COME "fonte"Oggetto:

Oggetto.Assegna (EMP1, dipendente);

Esecuzione del "Oggetto.assegnare()"Il metodo restituirà l'oggetto target che è"EMP1" nel nostro caso:

Ora modificheremo il valore di "dipendente.nome"Proprietà e verifica se le modifiche aggiuntive riflettono anche il clonato"EMP1"Oggetto o no:

dipendente.name = 'Stepheny';
console.Log ("Nome EMP1:" + EMP1.nome);
console.registro ("dipendente.Nome: " + dipendente.nome);

Come puoi vedere dall'output di seguito che altera il "dipendente.nome"Il valore della proprietà non ha modificato il"EMP1"Oggetto. Questo perché l'oggetto target "EMP1"Viene disconnesso dal"dipendente"Oggetto dopo aver clonato i suoi valori:

Tuttavia, quando viene aggiunto un oggetto di riferimento interno, il JavaScript "Oggetto.assegnare()"Metodo lo farà copia suo riferimento, non l'oggetto reale. In tale scenario, sia gli oggetti di origine che target si riferiscono allo stesso oggetto di riferimento interno e le modifiche apportate alla proprietà dell'oggetto sorgente influenzeranno anche il valore della proprietà dell'oggetto target.

Ad esempio, nel "dipendente"Oggetto, aggiungeremo"indirizzo"Come oggetto di riferimento interno che comprende un"città" Proprietà:

const dipendente =
indirizzo:
Città: "Ankara"

;

Dopodiché, cloneremo le proprietà del "dipendente”Oggetto in"EMP1":

let emp1 = ;
Oggetto.Assegna (EMP1, dipendente);

Produzione

A questo punto, "EMP1"L'oggetto si riferisce all'indirizzo di memoria di riferimento interiore"indirizzo”Oggetto del"dipendente"E può accedere alla sua coppia di valore chiave:

console.log ("EMP1.indirizzo.Città: " + EMP1.indirizzo.città);
console.registro ("dipendente.indirizzo.Città: " + dipendente.indirizzo.città);

L'output fornito mostra che "Ankara"È impostato come valore del"indirizzo"Proprietà per entrambi"dipendente" E "EMP1"Oggetti:

Ora, se modifichiamo il valore di "indirizzo.città" proprietà di "dipendente"L'oggetto quindi le modifiche verranno applicate al copiato"EMP1"Oggetto anche:

dipendente.indirizzo.città = 'Istanbul';
console.log ("EMP1.indirizzo.Città: " + EMP1.indirizzo.città);
console.registro ("dipendente.indirizzo.Città: " + dipendente.indirizzo.città);

INVOKED "console.tronco d'albero()Il metodo "verrà visualizzato"Istanbul" COME "indirizzo.città"Valore della proprietà per entrambi"dipendente" E "EMP1"Oggetti:

Ora, controlliamo il metodo di unire gli oggetti usando l'oggetto JavaScript.Metodo Assegna ().

Come unire gli oggetti usando l'oggetto JavaScript.Metodo Assegna ()

In JavaScript, puoi anche utilizzare il "Oggetto.assegnare()"Metodo per unendo diverso fonte oggetti in un uno bersaglio oggetto. A tale scopo, devi seguire la sintassi di seguito.

Sintassi dell'uso dell'oggetto JavaScript.Metodo Assegna () per gli oggetti unisci

target = oggetto.assegnare (, sorgente1, sorgente2);

Qui, "Source1", E "Source2"Rappresenta i più oggetti le cui proprietà verranno unite nel"bersaglio"Oggetto, usando"Oggetto.assegnare()" metodo.

Esempio: come unire gli oggetti usando l'oggetto JavaScript.Metodo Assegna ()

Per dimostrare la procedura di unire gli oggetti utilizzando il "Oggetto.assegnare()"Metodo, in primo luogo, creeremo due oggetti chiamati"frutta" E "verdura":

const fruit = fruitname: 'Apple';
const vegetable = vegetablename: 'patate';

Dopo averlo fatto, invoceremo il "Oggetto.assegnare()"Metodo per unire"frutta" E "verdure"Oggetti nel bersaglio"mangiabili"Oggetto che è attualmente vuoto :

const eaberables = oggetto.Assegna (, frutta, verdura);
console.registro (eaberables);

Come risultato dell'esecuzione, il "console.tronco d'albero()Il metodo "stamperà il"mangiabili"Proprietà dell'oggetto e loro rispettivi valori nella console:

Tuttavia, se si desidera aggiungere una proprietà al "bersaglio"Oggetto prima di eseguire l'operazione di fusione, quindi dai un'occhiata alla seguente sintassi:

target = oggetto.Assegna (Proprietà: 'Value', Source1, Source2);

Secondo la sintassi di cui sopra, "costo dell'immobile"Rappresenta la coppia di valore chiave che verrà aggiunta al"bersaglio"Oggetto, quindi il"Oggetto.assegnare()Il metodo "unisce il"Source1" E "Source2"Oggetti negli specificati"bersaglio"Oggetto.

Per comprendere chiaramente il concetto indicato, eseguire il codice di seguito:

const eaberables = oggetto.Assegna (snacks: 'cookie', frutta, verdura);
console.registro (eaberables);

Qui, il "Oggetto.assegnare()"Il metodo unisce le proprietà di"frutta" E "verdura"Oggetti in"mangiabili"Oggetto, dopo aver aggiunto il"snacks: 'cookie'"Coppia di valore chiave:

Abbiamo compilato informazioni essenziali relative al utilizzo Di l'oggetto JavaScript.assegnare() Metodo per la copia e la fusione di oggetti. Esplorali ulteriormente secondo le tue preferenze.

Conclusione

Il JavaScript Oggetto.assegnare() il metodo viene utilizzato per clonare l'enumerabile valore chiave coppia di un oggetto già creato. Questo metodo accetta due argomenti: fonte e target, dove "fonte"Rappresenta l'oggetto le cui proprietà saranno clonate in"bersaglio"Oggetto. È anche invocato per unire uno o più oggetti più oggetti in un singolo oggetto. Questo articolo ha discusso del funzionamento dell'oggetto JavaScript.Metodo Assegna ().