Javascript-methoden

| | | |

JavaScript heeft een Object-klasse die allerlei methoden heeft die we kunnen gebruiken om deze objecten te manipuleren. In dit artikel bekijken we de methode Object.assign () en laten we zien hoe deze wordt gebruikt.

We herinneren u eraan dat een object een gegevenstype is in JavaScript, vergelijkbaar met woordenboeken in Python, die hebben wat we sleutel noemen: waardeparen. Laten we zeggen dat we een item hebben, laten we het Harry noemen. Het kan key: value-paren hebben die vergelijkbaar zijn met deze:

De vuistregel voor het thema in deze situatie is dat de naam van de eigenschap links van de dubbele punt de sleutel is en de dingen rechts de waarde. De meeste sleutels en waarden ‚Äã‚Äãzijn vrij eenvoudig - de enige die een beetje riskant kan zijn, is de laatste eigenschap: pet. Het huisdier staat hier altijd centraal. De waarde is echter een object dat twee andere sleutelparen heeft: waarde. Dit is wat we een genest object noemen.

Object.assign (target,… sourceObjs);

Er is een Object-methode genaamd assign () die kan worden gebruikt om een of meer bronobjecten te nemen en deze naar een doelobject te kopiëren. Laten we direct naar de code gaan om te zien wat het doet:

Laten we de code samen onthullen. Laten we beginnen met een letterlijk object genaamd hpChar. Deze hpChar heeft een voornaam, achternaam, leeftijd, woonplaats en huisdier. Deze huisdiereigenschap is zelf een object en heeft een paar sleutels en waarden op zichzelf.

Vervolgens hebben we onze eerste instantie van onze methode waarover we hier zijn om over te praten. Object.assign accepteert twee of meer parameters. De eerste is altijd het doelobject waaraan u waarden wilt toewijzen. In dit geval is het een leeg object.

De tweede parameter is ons object dat hierboven is gedefinieerd. Dit is het bronmateriaal dat we gebruiken om toe te wijzen aan het doelobject (onze eerste parameter).

De volgende regel slaat het resultaat op in de console:

Niets veel anders, toch? Dit komt omdat we hpChar aan een leeg object hebben toegewezen - we hebben het object in feite gekloond. Wat als het opnieuw moest, maar door bepaalde waarden te wijzigen? In plaats van het lege object deze keer, laten we het deze keer vervangen door het hpChar-object - dat zal dit keer ons doel zijn. Laten we enkele waarden ‚Äã‚Äã veranderen op de tweede parameter. Aarzel niet om met de waarden te spelen ‚Äã‚Äãzolang u dezelfde toetsen behoudt.

Hier zijn de waarden die ik zal vervangen. Als de waarde in het doelobject niet moet worden gewijzigd, is het niet nodig om de waarde expliciet in het bronobject te krijgen.

De tweede keer dat we het resultaat in de console opsloegen, werd het doelobject geretourneerd en de eigenschappen met nieuwe waarden overschreven. Nu ziet onze console er als volgt uit:

Dit is wat twee objecten met dezelfde eigenschappen verbindt. Wat als we drie objecten met verschillende eigenschappen zouden samenvoegen? Wat hoop je dat er zal gebeuren?

Obj1 is ons obj-doel. Obj2 en obj3 zijn onze bronobjecten. Deze worden samengevoegd in ons doelobject. Aangezien geen eigenschappen elkaar overlappen, worden alle eigenschappen samengevoegd tot obj1 met hun respectieve waarden.

Hier gaan we! Een werkende implementatie van Object.assign (). Zodra u de concepten hier begrijpt, bent u een stap dichter bij het leren van een JavaScript-framework!

Klaar voor meer informatie?

Bekijk deze tutorials om je studie te verdiepen ...

JavaScript Object.keys ()

Een stapsgewijze handleiding van de JavaScript-bladen

< a href="/javascript-typeof/"> JavaScript-typen

De JavaScript-keten bevat: Stapsgewijze handleiding

JavaScript-variabelen

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method