JavaScript オブジェクトのプロパティに動的にアクセスするにはどうすればよいですか?

名前による JavaScript オブジェクトのプロパティへの動的アクセス

ブール型プロパティを持つオブジェクトを検討します。

var columns = {
  left: true,
  center: false,
  right: false
};

「right」などの指定された文字列変数に基づいてプロパティ値を動的に取得するには、次のように使用できます。括弧またはドット表記。

括弧表記:

var side = columns['right'];

このメソッドでは、変数に格納されているプロパティ名または動的に取得されたプロパティ名を参照できます。

ドット表記法:

var side = columns.right;

プロパティ名が既知の文字列定数の場合、ドット表記が最適です。

動的プロパティ アクセス用の関数

関数が推奨:

function read_prop(obj, prop) {
  return obj[prop];
}

ネストされたオブジェクト

ネストされたオブジェクトのプロパティには、複数の括弧またはドット表記を使用してアクセスできます。例:

var foo = { a: 1, b: 2, c: { x: 999, y: 998, z: 997 } };
var cx = foo['c']['x'];

未定義プロパティ

プロパティが未定義の場合、それを参照すると未定義が返されます:

foo['c']['q'] === null; // false
foo['c']['q'] === false; // false
foo['c']['q'] === undefined; // true

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