ホームページ > ウェブフロントエンド > jsチュートリアル > キーにスペースを含む JavaScript オブジェクトのプロパティにアクセスするにはどうすればよいですか?

キーにスペースを含む JavaScript オブジェクトのプロパティにアクセスするにはどうすればよいですか?

Patricia Arquette
リリース: 2024-11-11 13:51:02
オリジナル
342 人が閲覧しました

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

スペースキーを使用した JavaScript オブジェクトへのアクセス

JavaScript オブジェクトを操作する場合、キーにスペースを含むプロパティにアクセスするのは困難な場合があります。提供されたオブジェクトに基づく解決策は次のとおりです。

var myTextOptions = {
  'cartoon': {
     comic: 'Calvin & Hobbes',
     published: '1993'
  },
  'character names': {
    kid: 'Calvin',
    tiger: 'Hobbes'
  }
}
ログイン後にコピー

キーにスペースがあるにもかかわらず「kid」プロパティにアクセスするには、ECMAscript の「括弧表記」を使用します。

myTextOptions[ 'character names' ].kid;
ログイン後にコピー

括弧表記キーを角かっこで囲み、特殊文字や空白をエスケープできます。これにより、次のようにプロパティにアクセスできるようになります:

  1. 開き角括弧 [
  2. キー名を引用符で囲まれた文字列として指定します: 'character names'
  3. 閉じ角括弧 ]
  4. 目的のプロパティにアクセスします: .kid

結果は、「kid」プロパティの値であり、この場合は「Calvin」です。この表記法を使用すると、キーにスペースが含まれるプロパティにアクセスできるため、JavaScript オブジェクトを簡単に操作できます。

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

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