JavaScript でスペース文字を使用してオブジェクトのプロパティにアクセスする方法

JavaScript でスペース文字を含むオブジェクトにアクセスする

JavaScript オブジェクトを操作する場合、名前にスペース文字が含まれるプロパティにアクセスするのは困難な場合があります。次のオブジェクトについて考えてみましょう:

var myTextOptions = {
  'cartoon': {
     comic: 'Calvin & Hobbes',
     published: '1993'
  },
  'character names': {
    kid: 'Calvin',
    tiger: 'Hobbes'
  }
};

プロパティ 'comic' へのアクセスは簡単です: myTextOptions.cartoon.comic。ただし、さまざまなドット構文を使用してプロパティ 'kid' にアクセスしようとすると失敗します。

myTextOptions.character names.kid
myTextOptions."character names".kid
myTextOptions.character\ names.kid
myTextOptions.'character names'.kid
myTextOptions.["character names"].kid
myTextOptions.character%20names.kid

解決策は、ECMAScript の「括弧表記」を利用することにあります。

myTextOptions[ 'character names' ].kid;

括弧表記を使用すると、次のことが可能になります。スペース文字またはその他の特殊文字を使用してオブジェクトのプロパティにアクセスするには、プロパティ名を角括弧で囲みます。この表記法は、このようなシナリオでプロパティの効率的な読み取りと書き込みの両方に使用できます。

JavaScript でのオブジェクトの操作の詳細については、次のリソースを参照してください:

https://developer .mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects

以上がJavaScript でスペース文字を使用してオブジェクトのプロパティにアクセスする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。