Heim > Web-Frontend > js-Tutorial > Wie greife ich mit Leerzeichen in Eigenschaftsnamen auf JavaScript-Objekte zu?

Wie greife ich mit Leerzeichen in Eigenschaftsnamen auf JavaScript-Objekte zu?

Mary-Kate Olsen
Freigeben: 2024-11-12 13:15:02
Original
802 Leute haben es durchsucht

How to Access JavaScript Objects with Spaces in Property Names?

Zugriff auf JavaScript-Objekte mit Leerzeichen in Eigenschaftsnamen

Beim Arbeiten mit JavaScript-Objekten kann es vorkommen, dass die Eigenschaftsschlüssel Leerzeichen enthalten. Der Versuch, auf diese Eigenschaften mithilfe der Punktnotation zuzugreifen (z. B. Objekt.Eigenschaftsname), funktioniert nicht.

Betrachten Sie das Beispiel:

var myTextOptions = {
  'cartoon': {
     comic: 'Calvin & Hobbes',
     published: '1993'
  },
  'character names': {
    kid: 'Calvin',
    tiger: 'Hobbes'
  }
};
Nach dem Login kopieren

Um auf die Eigenschaft kid zuzugreifen, können wir myTextOptions nicht verwenden. Charakternamen.Kind. Stattdessen müssen Sie die „Klammernotation“ von ECMAscript verwenden:

myTextOptions[ 'character names' ].kid;
Nach dem Login kopieren

Mit der Klammernotation können Sie jeden gültigen JavaScript-Ausdruck in eckigen Klammern angeben, einschließlich Eigenschaftsnamen mit Leerzeichen.

Diese Notation kann kann auch zum Zuweisen von Werten verwendet werden:

myTextOptions[ 'character names' ].newProperty = 'value';
Nach dem Login kopieren

Weitere Informationen zum Arbeiten mit Objekten in JavaScript finden Sie im Folgenden Ressource:

  • [Arbeiten mit Objekten](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects)

Das obige ist der detaillierte Inhalt vonWie greife ich mit Leerzeichen in Eigenschaftsnamen auf JavaScript-Objekte zu?. 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