Javascript-Methoden

| | | |

JavaScript hat eine Object-Klasse mit allen möglichen Methoden, mit denen wir diese Objekte manipulieren können. In diesem Artikel werfen wir einen Blick auf die Methode Object.assign() und zeigen, wie sie verwendet wird.

Zur Erinnerung ist ein Objekt ein Datentyp in JavaScript, ähnlich zu Wörterbuchern in Python, die sogenannte Schlussel:Wert-Paare haben. Sagen wir, wir haben ein Objekt, nennen wir es Harry. Es könnte Schlussel:Wert-Paare haben, die wie folgt aussehen:

Die Grundregel Das Thema in dieser Situation ist, dass der Eigenschaftsname links vom Doppelpunkt der Schlussel ist und das Zeug rechts der Wert. Die meisten Schlussel und Werte sind ziemlich einfach – das einzige, was ein wenig heikel sein könnte, ist die allerletzte Eigenschaft: pet. Haustier ist in diesem Fall immer noch der Schlussel. Der Wert ist jedoch ein Objekt, das zwei weitere Schlussel:Wert-Paare hat. Dies nennen wir ein verschachteltes Objekt.

Object.assign(target, …sourceObjs);

Es gibt eine Object-Methode namens Assign(), die verwendet werden kann, um ein oder mehrere Quellobjekte zu ubernehmen und in ein Zielobjekt zu kopieren. Gehen wir direkt zum Code, um zu sehen, was er tut:

Lassen Sie uns den Code gemeinsam durchgehen. Wir beginnen mit einem Objektliteral namens hpChar. Dieses hpChar hat einen Vornamen, Nachnamen, Alter, Haus und Haustiereigentum. Diese Haustiereigenschaft ist selbst ein Objekt und hat selbst einige Schlussel und Werte.

Als nächstes haben wir unsere erste Instanz unserer Methode, uber die wir hier sprechen. Object.assign benötigt zwei oder mehr Parameter. Der erste ist immer das Zielobjekt denen Sie Werte zuweisen möchten. In diesem Fall ist es ein leeres Objekt.

Der zweite Parameter ist unser oben definiertes Objekt. Dies ist das Quellmaterial, aus dem wir zuweisen werden zum Zielobjekt (unser erster Parameter).

Die folgende Zeile protokolliert das Ergebnis in der Konsole:

Nichts sehr anderes, oder? Das liegt daran, dass wir hpChar einem leeren Objekt zugewiesen haben – Wir haben das Objekt im Wesentlichen geklont. Was wäre, wenn wir es noch einmal tun wurden, aber einige Werte ändern wurden? Anstelle des leeren Objekts ersetzen wir dieses diesmal durch das hpChar-Objekt – Dies wird dieses Mal unser Ziel sein. Lassen Sie uns einige Werte des zweiten Parameters ändern. Spielen Sie ruhig mit den Werten herum, solange die Tasten gleich bleiben.

Hier sind die Werte, die ich ersetzen werde. Wenn der Wert im Zielobjekt nicht geändert werden muss, mussen Sie seinen Wert im Quellobjekt nicht explizit angeben.

Als wir das Ergebnis das zweite Mal in der Konsole protokollierten, wurde das Zielobjekt zuruckgegeben und die Eigenschaften mit neuen Werten uberschrieben. Jetzt sieht unsere Konsole so aus:

So sieht das Zusammenfuhren von zwei Objekten mit den gleichen Eigenschaften aus . Was wäre nun, wenn wir drei Objekte mit unterschiedlichen Eigenschaften zusammenfuhren wurden? Was erwarten Sie?

Obj1 ist unser Zielobjekt. Obj2 und obj3 sind unsere Quellobjekte. Diese werden in unser Zielobjekt verschmelzen. Da sich keine Eigenschaften uberschneiden, werden alle Eigenschaften mit ihren jeweiligen Werten in obj1 zusammengefuhrt.

Da hast du es! Eine funktionierende Implementierung von Object.assign(). Sobald Sie die Konzepte hier verstanden haben, sind Sie dem Erlernen eines JavaScript-Frameworks einen Schritt näher gekommen!

Bereit fur mehr?

Schauen Sie sich diese Tutorials an, um Ihr Studium voranzutreiben…

JavaScript Object.keys()

Eine Schritt-fur-Schritt-Anleitung zu JavaScript Let

JavaScript typeof

JavaScript-String Enthält: Schritt-fur-Schritt-Anleitung

JavaScript-Variablen< br>

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