如何使用字符串名称访问 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'];

未定义的属性

如果尝试访问未定义的属性，结果将是未定义的，不为 null 或假：

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

以上是如何使用字符串名称访问 JavaScript 对象属性？的详细内容。更多信息请关注PHP中文网其他相关文章！