ホームページ > ウェブフロントエンド > jsチュートリアル > JS 属性名の引用符付きと引用符なしの詳細な説明

JS 属性名の引用符付きと引用符なしの詳細な説明

小云云
リリース: 2018-02-22 09:15:33
オリジナル
1689 人が閲覧しました

一般に、属性名は引用符で囲んでも引用できなくても、効果は同じです。この記事では、JSでオブジェクトを宣言する際に、属性名に引用符を付ける場合と付けない場合の問題と解決策を中心に紹介しますので、困っている方の参考になれば幸いです。


var obj = { 
  name  : '你好', 
  'age'  : 1, 
}; 
document.write( obj[&#39;name&#39;] + &#39;<br />&#39; ); 
document.write( obj.age);
ログイン後にコピー

上記の 2 行のコードは両方とも正しく実行できます。

属性名が違法で奇妙な名前である場合に限り、エラーが報告されます。


var obj = { 
  333 : &#39;这个会报错&#39; 
}; 
document.write( obj.333);
ログイン後にコピー

現時点ではエラーが報告されています。


var obj = { 
  “333”: &#39;这个也会报错&#39; 
}; 
document.write( obj.333);
ログイン後にコピー

属性名が数値の場合は、二重引用符で囲み、[] 角括弧でアクセスする必要があります。


var obj = {
  "333": &#39;这个正确&#39;
};
console.log(obj["333"]);
ログイン後にコピー

結論: 正当な属性名を使用し、. と [] を使用してアクセスします。属性名が数値の場合は、[] で囲んでアクセスする必要があります。


関連する推奨事項:


PHP 配列インデックス キーの引用符付きと引用符なしの違い

以上がJS 属性名の引用符付きと引用符なしの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート