ハイフンを使用して JavaScript オブジェクトのプロパティにアクセスするにはどうすればよいですか?

ハイフンを使用した JavaScript オブジェクト プロパティへのアクセス

JavaScript を使用する場合、ハイフンを使用してオブジェクト プロパティを参照するのは難しい場合があります。次のシナリオを考えてみましょう。

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

「text-align」のハイフンはマイナス記号として解釈され、エラーが発生します。

解決策 1: キャメルケース変換

CSS プロパティの場合は、キャメルケースのキー表記を使用することをお勧めします。メソッド:

obj.style-attr // Becomes

obj["styleAttr"]

解決策 2: キー表記

ドット表記の代わりにキー表記を使用することもできます:

style["text-align"]

JavaScript で許可されていますと同じ構文を使用してオブジェクトのプロパティを参照できます。配列:

arr[0] // Array index

obj["method"] // Object property

追加の考慮事項:

• キー表記でアクセスされるプロパティは文字列として評価されます。
• JavaScript では使用できない文字変数にはキー表記を使用してアクセスする必要があります。
• 次の正規表現有効なプロパティ名の概要を示します:

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

これらの手法を利用すると、ハイフンを含む JavaScript オブジェクトのプロパティに効率的にアクセスできます。

以上がハイフンを使用して JavaScript オブジェクトのプロパティにアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。