12.2Properties / Bracket Notation

変数でのプロパティアクセス

変数を使用してプロパティにアクセスする場合は、ブラケット記法 `[]` を使用します。

ドット記法では、ドットの後の名前が文字列リテラルとして扱われます。プロパティ名を動的に(変数の値に基づいて)決定したい場合は、ブラケット記法を使う必要があります。これはドット記法とブラケット記法の明確な使い分けです。

❌ Bad
const luke = {
  jedi: true,
  age: 28,
};

// bad: This is not how you use dynamic properties
// const prop = 'jedi';
// const isJedi = luke.prop;
✅ Good
const luke = {
  jedi: true,
  age: 28,
};

function getProp(prop) {
  return luke[prop];
}

const isJedi = getProp('jedi');