名前を文字列として使用して JavaScript オブジェクトのプロパティに動的にアクセスするにはどうすればよいですか?

文字列として名前を指定して JavaScript オブジェクトのプロパティにアクセスする

JavaScript オブジェクトを操作する場合、多くの場合、そのプロパティに基づいて動的にプロパティにアクセスする必要があります。変数に格納された名前、または関数から返された名前。これを実現する方法は次のとおりです。

括弧表記の使用

変数を使用してプロパティにアクセスするための推奨方法は、括弧表記を使用することです:

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

たとえば、指定されたプロパティの「right」プロパティにアクセスするにはobject:

var side = read_prop(columns, 'right');

これは、ドット表記法と同等です:

var side = columns.right;

ネストされたオブジェクトのプロパティ

ネストされたオブジェクトのプロパティにアクセスするには、複数使用する括弧:

var cx = foo['c']['x'];

未定義のプロパティ

未定義のプロパティにアクセスすると、「未定義」が返されます:

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

結論

括弧表記を使用すると、柔軟な表記が可能になります。単純なプロパティかネストされたプロパティかに関係なく、名前を文字列として JavaScript オブジェクトのプロパティにアクセスする方法。これにより、特に動的データまたは不明なプロパティ名を操作する場合に、より動的なプロパティ アクセスが可能になります。

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