如何使用字符串作为属性名称来访问 JavaScript 对象属性？

按字符串形式的名称访问 JavaScript 对象属性

使用 JavaScript 对象时，通常需要按名称访问属性，这些名称可以动态获取或从用户处获取输入。此问题解决如何编写一个函数来根据表示为字符串的名称检索属性值。

解决方案

提供的解决方案提供两种方法：

括号表示法：

这是按名称动态访问属性的首选方法。它涉及使用括号 ([])，例如：

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中文网其他相关文章！