Heim > Web-Frontend > js-Tutorial > Wie greife ich auf JavaScript-Objekteigenschaften mit Leerzeichen in ihren Schlüsseln zu?

Wie greife ich auf JavaScript-Objekteigenschaften mit Leerzeichen in ihren Schlüsseln zu?

Patricia Arquette
Freigeben: 2024-11-11 13:51:02
Original
342 Leute haben es durchsucht

How to Access JavaScript Object Properties with Spaces in their Keys?

Zugriff auf JavaScript-Objekte mit Leerzeichen

Bei der Arbeit mit JavaScript-Objekten kann der Zugriff auf Eigenschaften mit Leerzeichen in ihren Schlüsseln eine Herausforderung sein. Hier ist eine Lösung basierend auf dem bereitgestellten Objekt:

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

Um trotz des Leerzeichens im Schlüssel auf die Eigenschaft „kid“ zuzugreifen, verwenden Sie die „Klammernotation“ von ECMAscript:

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

Klammernotation ermöglicht es Ihnen, den Schlüssel in eckige Klammern zu setzen und dabei Sonderzeichen oder Leerzeichen zu maskieren. Dadurch können Sie wie folgt auf die Eigenschaft zugreifen:

  1. Öffnen Sie eckige Klammern [
  2. Geben Sie den Schlüsselnamen als Zeichenfolge in Anführungszeichen an: 'Zeichennamen'
  3. Eckige Klammern schließen ]
  4. Greifen Sie auf die gewünschte Eigenschaft zu: .kid

Das Ergebnis ist der Wert der Eigenschaft „kid“, in diesem Fall „Calvin“. Sie können diese Notation verwenden, um auf jede Eigenschaft zuzugreifen, deren Schlüssel Leerzeichen enthält, sodass Sie JavaScript-Objekte problemlos bearbeiten können.

Das obige ist der detaillierte Inhalt vonWie greife ich auf JavaScript-Objekteigenschaften mit Leerzeichen in ihren Schlüsseln 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