Heim > Web-Frontend > js-Tutorial > Wie greife ich mit JavaScript auf ein Objekt zu, das Leerzeichen im Objektschlüssel enthält?

Wie greife ich mit JavaScript auf ein Objekt zu, das Leerzeichen im Objektschlüssel enthält?

王林
Freigeben: 2023-08-25 20:05:13
nach vorne
1502 Leute haben es durchsucht

如何使用 JavaScript 访问对象键中包含空格的对象?

In diesem Artikel erfahren Sie, wie Sie mit JavaScript auf Objekte zugreifen, deren Objektschlüssel Leerzeichen enthalten. In diesem Fall verwenden wir die Klammernotation „[]“, um auf das Objekt zuzugreifen, oder die Punktnotation (.), um auf das Objekt zuzugreifen. Schauen wir uns unten einige Beispiele an.

Beispiel 1

In diesem Beispiel verwenden wir die eckige Klammernotation [], um auf das Objekt zuzugreifen.

console.log("The input object is a key value pair with key as firstName and value as Joseph");

const inputObject = {'firstName': 'Joseph'};
console.log("Using bracket notation to access value")
console.log(inputObject['firstName']); 

console.log("Using bracket notation to change the value to Alice")
inputObject['firstName'] = 'Alice';
console.log(inputObject);
Nach dem Login kopieren

Anleitung

  • Schritt 1 – Definieren Sie das Schlüsselwertobjekt und deklarieren Sie den Wert

  • Schritt 2 – Greifen Sie mithilfe der Klammernotation auf den Wert des Objekts zu. Ergebnisse anzeigen.

  • Schritt 3 – Verwenden Sie die Klammernotation, um den Wert zu ändern. Neuen Wert anzeigen.

Beispiel 2

console.log("The input object is a key value pair with key as firstName and value as Joseph");

const inputObject = {'firstName': 'Joseph'};
console.log("Using dot notation to access value")
console.log(inputObject.firstName); 
Nach dem Login kopieren

Anleitung

  • Schritt 1 – Definieren Sie das Schlüsselwertobjekt und deklarieren Sie die Werte.

  • Schritt 2 – Greifen Sie mithilfe der Punktnotation auf den Wert des Objekts zu. Ergebnisse anzeigen.

Das obige ist der detaillierte Inhalt vonWie greife ich mit JavaScript auf ein Objekt zu, das Leerzeichen im Objektschlüssel enthält?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
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