Heim > Web-Frontend > js-Tutorial > Wie füge ich Schlüssel-Wert-Paare zu JavaScript-Objekten hinzu?

Wie füge ich Schlüssel-Wert-Paare zu JavaScript-Objekten hinzu?

Susan Sarandon
Freigeben: 2024-12-15 01:51:10
Original
572 Leute haben es durchsucht

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

Hinzufügen von Schlüssel-Wert-Paaren zu JavaScript-Objekten

In JavaScript sind Objekte assoziative Sammlungen von Schlüssel-Wert-Paaren. Beim Erstellen eines Objekts müssen Sie möglicherweise gelegentlich neue Schlüssel-Wert-Paare hinzufügen. Dieser Prozess ist unkompliziert und umfasst die folgenden Schritte:

Verwendung der Punktnotation:

Wenn Sie den Eigenschaftsnamen im Voraus kennen, können Sie die Punktnotation verwenden, um einen Wert zuzuweisen:

var obj = {
    key1: value1,
    key2: value2
};

obj.key3 = "value3";
Nach dem Login kopieren

Verwenden von eckigen Klammern Notation:

Alternativ können Sie die Notation in eckigen Klammern verwenden, wenn der Eigenschaftsname dynamisch bestimmt wird:

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

Eigenschaften vs. Array-Elemente:

Beachten Sie, dass die oben genannten Ansätze einem Objekt Eigenschaften hinzufügen, was sich vom Hinzufügen von Elementen zu einem Array unterscheidet. Arrays sind geordnete Sammlungen und der Zugriff auf Elemente erfolgt über Indizes. Um ein Array zu erstellen, können Sie entweder die Array-Literal-Notation (z. B. []) oder den Array-Konstruktor (z. B. new Array()) verwenden.

Das obige ist der detaillierte Inhalt vonWie füge ich Schlüssel-Wert-Paare zu JavaScript-Objekten hinzu?. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage