在 JavaScript 中，我们可以使用对象来存储和组织数据。通常，我们通过对象属性名称来访问对象中的值。但是，在某些情况下，我们可能需要动态地获取对象中的值，这时候就需要使用变量作为键来访问对象中的值。
通过变量访问对象属性
让我们看一个简单的例子，假设我们有一个包含学生信息的对象：
----- ------- - - ----- -------- ---- --- ------ --- --
我们可以通过点符号或方括号语法来访问对象中的属性：
-------------------------- -- --- ----- ---------------------------- -- --- --
现在，如果我们想根据用户选择的选项来获取对象中的属性，该怎么办呢？例如，我们可以让用户选择要获取的属性名称，然后使用该属性名称从对象中获取相应的值。
为了实现这一点，我们可以使用方括号语法并将属性名称存储在变量中：
----- -------- - -------- ------------------------------- -- --- -
注意，当我们使用方括号语法时，属性名称必须用引号括起来。
处理不存在的属性
当我们使用变量作为对象属性访问时，如果对象中不存在该属性，则返回 undefined。因此，我们需要小心处理这种情况，以避免出现错误。
例如，如果我们使用不存在的属性名称来访问学生对象中的属性，会发生什么呢？
----------------------------- -- --- ---------
为了防止代码崩溃，我们可以使用条件语句检查属性是否存在：
-- ----------------------------------- - ----------------------------- - ---- - -------------------- -------- ---- --- -------- -
使用变量作为多级对象属性访问
当我们有一个多层次的对象时，访问属性可能更加复杂。在这种情况下，我们可以使用点符号或方括号语法来访问多级对象属性。
----- ------ - -
----- ---- --------
--------- ---- ------
--------- -
------ -
----- --------
---- ---
------ ---
--
---- -
----- ------
---- ---
------ ---
-
-
--要获取 Alice 的年龄，我们可以使用以下方式之一：
--------------------------------------- -- --- -- ------------------------------------------------ -- --- --
同样，我们也可以使用变量作为键来访问多级对象属性：
----- ----------- - ------ ----- -------- - -------- ---------------------------------------------------- -- --- -
结论
使用变量作为键访问 JavaScript 对象的值是一种强大的技术，它使我们可以动态地访问对象中的属性。但是，在使用变量作为键时，我们需要注意处理不存在属性的情况，以避免出现错误。
希望这篇文章对你有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28418