Heim > Web-Frontend > js-Tutorial > Wie kann ich Schlüssel-Wert-Paare zu JavaScript-Objekten hinzufügen?

Wie kann ich Schlüssel-Wert-Paare zu JavaScript-Objekten hinzufügen?

DDD
Freigeben: 2024-12-16 21:48:10
Original
165 Leute haben es durchsucht

How Can I Add Key-Value Pairs to JavaScript Objects?

Anhängen von Schlüssel-/Wertpaaren an JavaScript-Objekte

In JavaScript sind Objekte veränderliche Einheiten, die das dynamische Hinzufügen und Ändern von Eigenschaften ermöglichen. Um ein neues Schlüssel-Wert-Paar, beispielsweise „key3“ mit „value3“, in ein bestehendes Objekt einzubinden, haben Sie zwei Möglichkeiten:

Punktnotation:

Wenn der Eigenschaftsname bekannt ist, bietet die Punktnotation eine einfache Methode:

var obj = {key1: value1, key2: value2};
obj.key3 = "value3";
Nach dem Login kopieren

Eckige Klammer Notation:

Alternativ bietet die eckige Klammernotation Flexibilität, wenn der Eigenschaftsname dynamisch bestimmt wird:

var obj = {key1: value1, key2: value2};
obj["key3"] = "value3";
Nach dem Login kopieren

Dies kann insbesondere in Situationen nützlich sein, in denen der Eigenschaftsname abgeleitet ist eine Variable, zum Beispiel:

var property = "key3";
obj[property] = "value3";
Nach dem Login kopieren

Während beide Methoden die gleiche Aufgabe erfüllen, wird die Punktnotation bevorzugt, wenn der Eigenschaftsname statisch ist, während die eckige Klammer verwendet wird Die Notation ist vielseitiger und ermöglicht dynamische Eigenschaftsnamen.

Zusätzliche Hinweise zu Arrays:

Es ist erwähnenswert, dass dies auch bei JavaScript-Arrays möglich ist, die sich von Objekten unterscheiden erstellt entweder mit der Array-Literal-Notation ([]) oder dem Array-Konstruktor (new Array()). Arrays handhaben die Indizierung jedoch anders als Objekte, da sie numerische Indizes anstelle benannter Eigenschaften verwenden.

Das obige ist der detaillierte Inhalt vonWie kann ich Schlüssel-Wert-Paare zu JavaScript-Objekten hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage