WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

如何在 JavaScript 中使用变量动态访问对象属性

主题:JavaScript / jQuery上一页|下一页

答案:使用方括号 ([]) 表示法

有两种方法可以访问或获取对象的属性值 — 点 (.) 表示法,如 obj.foo,方括号 ([]) 表示法,如 obj[foo]

在点符号更易于读写的地方,方括号符号提供了更大的灵活性,因为括号之间的值可以是任何变量或表达式。

因此,如果您将对象的属性名称存储在 JavaScript 变量中,则可以使用方括号表示法获取其值,如下例所示:

<script>
// 示例 JS 对象
var obj = {
    name: "Peter Parker",
    age: 16,
    country: "United States"
}
    
// 存储在 JS 变量中的属性名称
var prop = 'name';
    
// 访问属性值
alert(obj[prop]); // Outputs: Peter Parker
</script>

请查看关于 JavaScript 对象 的教程以更详细地了解对象。


FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答:

Advertisements