JavaScript -objekt.tilordne metode | Forklart

JavaScript ES6 introduserte “Gjenstand.tildele()”Metode som tillater deg å kopiere egenskaper fra en enkelt eller flere “kilde”Objekter til en“mål”Objekt. Denne metoden utfører “få”Operasjon for å hente egenskapene til kildeobjektet og“sett”Dem i det spesifiserte målobjektet.

Denne oppskrivningen vil diskutere arbeidet med JavaScript -objekt.tilordne () Metode. Så la oss starte!

Hvordan bruke JavaScript -objekt.tilordne () Metode

JavaScript -objektet.tilordne () -metode anses som nyttig for følgende tilfeller:

• Til klon an gjenstand.
• Til Slå sammen flere objekter inn i ett objekt.

Vi vil diskutere de nevnte applikasjonene til objektet.Tilordne () Metode i neste avsnitt.

Hvordan klone et objekt ved hjelp av JavaScript -objekt.tilordne () Metode

“Gjenstand.tildele()”Metode brukes til å klone den enumable”nøkkelverdi”Par av et allerede opprettet kildeobjekt i målobjektet. Det brukes først og fremst til å utføre "Grunt”Kopieringsprosedyre.

Syntaks for å bruke JavaScript -objekt.Tilordne () Metode for å klone objekt

Gjenstand.Tildel (mål, kilde)

Her, “mål”Representerer JavaScript-objektet hvis nøkkelverdipar vil bli klonet, og“kilde”Indikerer objektet der det kopierte nøkkelverdiparet blir plassert.

Eksempel: Hvordan klone et objekt ved hjelp av JavaScript -objekt.tilordne () Metode

Først av alt vil vi lage en "ansatt”Objekt, med de to nøkkelverdiparene og et tomt objekt som heter“Emp1”:

const ansatt =
Navn: 'Alex',
Betegnelse: 'Manager'
;
La emp1 = ;

Deretter vil vi klone "ansatt”Objektegenskaper til“Emp1”Objekt ved hjelp av JavaScript”Gjenstand.tildele()”Metode. For å gjøre det, vil vi spesifisere “Emp1" som "mål”Objekt og“ansatt" som "kilde”Objekt:

Gjenstand.tilordne (emp1, ansatt);

Utførelse av “Gjenstand.tildele()”Metoden vil returnere målobjektet som er“Emp1”I vårt tilfelle:

Vi vil nå endre verdien av "ansatt.Navn”Eiendom og sjekk om de ekstra endringene også gjenspeiler de klonede”Emp1”Objekt eller ikke:

ansatt.Navn = 'Stepheny';
konsoll.Logg ("Emp1 Name:" + Emp1.Navn);
konsoll.Logg ("Ansatt.Navn: " + Ansatt.Navn);

Som du kan se fra den undergitte utgangen som endrer “ansatt.Navn”Eiendomsverdi har ikke endret“Emp1”Objekt. Dette er fordi målobjektet “Emp1”Blir koblet fra“ansatt”Objekt etter kloning av verdiene:

Når et indre referert objekt legges til, er JavaScript ”imidlertid"Gjenstand.tildele()”Metode vil kopiere det er henvisning, ikke det faktiske objektet. I et slikt scenario refererer både kilde- og målobjekter til det samme indre refererte objektet, og endringer gjort til egenskapen til kildeobjektet vil også påvirke målobjektets egenskapsverdi.

For eksempel i "ansatt”Objekt, vil vi legge til“adresse”Som et indre referert objekt som omfatter et“by”Eiendom:

const ansatt =
Adresse:
By: 'Ankara'

;

Etter det vil vi klone egenskapene til "ansatt”Objekt i“Emp1”:

La emp1 = ;
Gjenstand.tilordne (emp1, ansatt);

Produksjon

På dette punktet, "Emp1”Objekt refererer til minneadressen til indre referert til”adresse”Objekt av“ansatt”Og har tilgang til nøkkelverdiparet:

konsoll.Logg ("EMP1.adresse.By: " + Emp1.adresse.by);
konsoll.Logg ("Ansatt.adresse.By: " + Ansatt.adresse.by);

Den gitte utgangen viser at "Ankara”Er satt som verdien av“adresse”Eiendom for begge“ansatt”Og“Emp1”Objekter:

Nå, hvis vi endrer verdien av “adresse.by" tilhører "ansatt”Objekt da vil endringer bli brukt på det kopierte“Emp1”Objekt også:

ansatt.adresse.by = 'Istanbul';
konsoll.Logg ("EMP1.adresse.By: " + Emp1.adresse.by);
konsoll.Logg ("Ansatt.adresse.By: " + Ansatt.adresse.by);

Det påkalte “konsoll.Logg()”Metoden vises“Istanbul" som "adresse.by”Eiendomsverdi for begge“ansatt”Og“Emp1”Objekter:

La oss nå sjekke ut metoden for å slå sammen objekter ved å bruke JavaScript -objektet.tilordne () Metode.

Hvordan slå sammen objekter ved hjelp av JavaScript -objekt.tilordne () Metode

I JavaScript kan du også bruke "Gjenstand.tildele()”Metode for Slå sammen annerledes kilde objekter inn i en en mål gjenstand. For dette formålet må du følge den undergitte syntaks.

Syntaks for å bruke JavaScript -objekt.tilordne () Metode for å slå sammen objekter

mål = objekt.tilordne (, kilde1, kilde2);

Her, “Kilde1”, Og“Kilde2”Representerer de flere objektene hvis egenskaper kommer til å bli slått sammen i“mål”Objekt, ved å bruke“Gjenstand.tildele()”Metode.

Eksempel: Hvordan slå sammen objekter ved hjelp av JavaScript -objekt.tilordne () Metode

For å demonstrere prosedyren for å slå sammen objekter ved å bruke "Gjenstand.tildele()”Metode, for det første vil vi lage to objekter som heter“frukt”Og“grønnsak”:

const frukt = fruktnavn: 'eple';
const vegetable = vegetablename: 'potet';

Etter å ha gjort det, vil vi påkalle "Gjenstand.tildele()”Metode for å slå sammen”frukt”Og“grønnsaker”Objekter i målet”Spisbare”Objekt som for øyeblikket er tomt :

const spisables = objekt.tilordne (, frukt, grønnsak);
konsoll.logg (spiselige);

Som et resultat av utførelsen, "konsoll.Logg()”Metoden vil skrive ut“Spisbare”Objektegenskaper og deres respektive verdier i konsollen:

Imidlertid, hvis du vil legge en eiendom til "mål”Objekt Før du utfører sammenslåingsoperasjonen, må du deretter se på følgende syntaks:

mål = objekt.tilordne (egenskap: 'verdi', kilde1, kilde2);

I følge syntaks ovenfor, “Eiendomsverdi”Representerer nøkkelverdiparet som vil bli lagt til“mål”Objekt, deretter“Gjenstand.tildele()”Metoden vil slå sammen“Kilde1”Og“Kilde2”Objekter i det spesifiserte”mål”Objekt.

For å forstå det uttalte konseptet tydelig, utfør den undergitte koden:

const spisables = objekt.tilordne (snacks: 'cookie', frukt, grønnsak);
konsoll.logg (spiselige);

Her, "Gjenstand.tildele()”Metoden vil slå sammen egenskapene til“frukt”Og“grønnsak”Gjenstander i“Spisbare”Objekt, etter å ha lagt til“Snacks: 'Cookie'”Nøkkelverdi par til det:

Vi har samlet viktig informasjon relatert til bruk av JavaScript -objektet.tildele() Metode for å kopiere og slå sammen objekter. Utforsk dem videre i henhold til dine preferanser.

Konklusjon

JavaScript Gjenstand.tildele() Metoden brukes til å klone den enumable nøkkelverdi Par av et allerede opprettet objekt. Denne metoden aksepterer to argumenter: kilde og mål, hvor “kilde”Representerer objektet hvis egenskaper vil bli klonet i“mål”Objekt. Det påberopes også for å slå sammen ett eller flere flere objekter til et enkelt objekt. Denne oppskrivningen diskuterte arbeidet med JavaScript-objektet.tilordne () Metode.