Wie kann ich mit Bindestrichen auf JavaScript-Objekteigenschaften zugreifen?

Zugriff auf JavaScript-Objekteigenschaften mit Bindestrichen

Beim Arbeiten mit JavaScript-Objekten stoßen Sie möglicherweise auf Eigenschaften, die Bindestriche enthalten. Während für den Zugriff auf Eigenschaften häufig die Punktnotation verwendet wird, schlägt sie bei der Verwendung von Bindestrichen fehl, was zu Referenzfehlern führt.

Um dieses Problem zu beheben, ziehen Sie die folgenden Methoden in Betracht:

Verwendung der Klammernotation :

Die Klammernotation ermöglicht es Ihnen, Eigenschaften mithilfe einer Zeichenfolge als Schlüssel zu referenzieren. Verwenden Sie beispielsweise anstelle von style.text-align style["text-align"]. Diese Syntax funktioniert für jede Eigenschaft, auch für solche mit nicht alphanumerischen Zeichen wie Bindestrichen.

Verwendung der Camel-Case-Notation für CSS-Eigenschaften:

CSS-Eigenschaften verwenden häufig Namen mit Bindestrichen. aber JavaScript-Objekte bevorzugen die Kamel-Fall-Schreibweise. Beispielsweise kann style["text-align"] als style.textAlign umgeschrieben werden.

Zugriff auf Arrays als Objekte:

Alle JavaScript-Arrays sind Objekte, und zwar Objekte sind nur assoziative Arrays. Dies bedeutet, dass Sie Array-Elemente mithilfe der Klammernotation referenzieren können, was beim Zugriff auf Eigenschaften mit Sonderzeichen hilfreich ist. Beispielsweise entspricht arr[0] arr["0"].

Zusätzliche Überlegungen:

• Bei Verwendung der Klammernotation muss der Schlüssel sein eine Zeichenfolge.
• Möglicherweise stoßen Sie auf Zeichen, die in JavaScript-Variablen nicht zulässig sind. In solchen Fällen ist die Klammernotation erforderlich.
• Der folgende reguläre Ausdruck veranschaulicht zulässige Zeichen in JavaScript-Variablen: [a-zA-Z_$][0-9a-zA-Z_$]*

Das obige ist der detaillierte Inhalt vonWie kann ich mit Bindestrichen auf JavaScript-Objekteigenschaften zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!