Wie greife ich mit Bindestrichen auf JavaScript-Objekteigenschaften zu?

Zugriff auf JavaScript-Objekteigenschaften mit Bindestrichen

Bei der Arbeit mit JavaScript kann das Referenzieren von Objekteigenschaften mit einem Bindestrich eine Herausforderung sein. Stellen Sie sich das folgende Szenario vor:

var style = css($(this));
alert(style.width); // Works fine
alert(style.text-align); // Uncaught Reference Error

Der Bindestrich in „text-align“ wird als Minuszeichen interpretiert, was zu dem Fehler führt.

Lösung 1: Camel Case Conversion

Für CSS-Eigenschaften wird die Verwendung der Camel-Case-Schlüsselnotation bevorzugt Methode:

obj.style-attr // Becomes

obj["styleAttr"]

Lösung 2: Schlüsselnotation

Sie können anstelle der Punktnotation auch die Schlüsselnotation verwenden:

style["text-align"]

JavaScript erlaubt Sie können auf Objekteigenschaften mit derselben Syntax verweisen wie Arrays:

arr[0] // Array index

obj["method"] // Object property

Zusätzliche Überlegungen:

• Eigenschaften, auf die mit Schlüsselnotation zugegriffen wird, werden als Zeichenfolgen ausgewertet.
• Zeichen, die in JavaScript nicht zulässig sind Auf Variablen muss mithilfe der Schlüsselnotation zugegriffen werden.
• Der folgende reguläre Ausdruck beschreibt gültige Eigenschaften Namen:

[a-zA-Z_$][0-9a-zA-Z_$]*

Durch die Verwendung dieser Techniken können Sie effizient auf JavaScript-Objekteigenschaften zugreifen, die Bindestriche enthalten.

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