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

JavaScript オブジェクト: 文字列プロパティ名を使用した変数プロパティへのアクセス

JavaScript では、名前をオブジェクトとして使用してオブジェクト プロパティの値を取得できます。弦。この方法は、動的なプロパティ名を扱う場合、またはコンパイル時にプロパティ名が不明なネストされたオブジェクトを扱う場合に便利です。

名前を文字列として使用してオブジェクト プロパティにアクセスするには、ブラケット表記を使用できます。 :

var side = columns['right'];

この表記はドット表記と同等です:

var side = columns.right;

ただし、括弧表記の方が汎用性が高くなります。変数値または関数の戻り値に基づいてプロパティに動的にアクセスできます:

var propertyName = 'left';
var propertyValue = columns[propertyName];

関数を使用して文字列名でオブジェクト プロパティにアクセスしたい場合は、次の簡単な実装を使用します:

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'];

未定義のプロパティ

If未定義のプロパティにアクセスしようとすると、結果は未定義になり、null またはfalse:

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

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