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?

Patricia Arquette
Freigeben: 2024-12-14 20:09:15
Original
228 Leute haben es durchsucht

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

Hinzufügen von Schlüssel-/Wertpaaren zu JavaScript-Objekten

In JavaScript sind Objekte Sammlungen von Schlüssel-/Wertpaaren. Um einem vorhandenen Objekt ein neues Schlüssel/Wert-Paar hinzuzufügen, gibt es zwei gängige Ansätze:

1. Punktnotation:

Wenn der Schlüssel vorher bekannt ist, können Sie die Punktnotation verwenden, um dem Objekt einen neuen Wert zuzuweisen:

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

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

2. Schreibweise in eckigen Klammern:

Für dynamisch generierte Schlüssel oder wenn der Schlüsselname nicht im Voraus bekannt ist, kann die Schreibweise in eckigen Klammern verwendet werden:

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

Beide Methoden erzielen das gleiche Ergebnis , wodurch ein neues Schlüssel/Wert-Paar innerhalb des Objekts erstellt wird. Die Punktnotation wird bevorzugt, wenn der Schlüssel bekannt ist, während die eckige Klammernotation verwendet wird, wenn der Schlüssel dynamisch bestimmt wird.

Zusätzlich zu Objekten verfügt JavaScript auch über Arrays, bei denen es sich um geordnete Sammlungen von Werten handelt. Arrays können erstellt werden mit:

  • Array-Literal-Notation: var arr = [];
  • Array-Konstruktor-Notation: var arr = new Array();

Auf Arrays kann mit Index und zugegriffen und diese geändert werden Schlüsselbasierte Syntax:

// Array Index Syntax
arr[0] = 'element1';
arr[1] = 'element2';

// Array Key-Based Syntax
arr['0'] = 'element1';
arr['1'] = 'element2';
Nach dem Login kopieren

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