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

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

JavaScript オブジェクトを操作する場合、多くの場合、名前によってプロパティにアクセスする必要があります。プロパティは、動的に取得することも、ユーザーから取得することもできます。入力。この質問では、文字列として表される名前に基づいてプロパティ値を取得する関数の作成方法について説明します。

解決策

提供される解決策では、次の 2 つのアプローチが提供されます。

ブラケット表記:

これは、名前によってプロパティに動的にアクセスする場合に推奨される方法です。これには、次のように括弧 ([]) を使用する必要があります。

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 } };

を使用すると、次のようにプロパティ x にアクセスできます:

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

未定義のプロパティ

プロパティ参照を試行した結果、未定義プロパティの場合、未定義 (null または false ではない) が返されます。例:

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

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