如何访问包含特殊字符的对象属性？

Posted 2023-02-15

【中文标题】如何访问包含特殊字符的对象属性？

【英文标题】：How can I access object properties containing special characters?

【发布时间】：2022-01-23 00:46:19

【问题描述】：

我有一个form DOM 元素：

var virDom = document.getElementsByTagName("form")[0];

virDom 有两个字段，ID 分别为 creditId 和 pwdId..。我可以毫无问题地访问 virDom.creditId，但由于名称中包含句点，virDom.pwdId.. 因语法错误而失败。

如何访问这些属性？

【参考方案1】：

使用bracket notation:

virDom['creditId']
virDom['pwdId..']

这适用于任何对象，对于非标识符安全字符以及访问您可能不提前知道的键特别有用。

【参考方案2】：

对于具有如下特殊字符的嵌套对象，

var details = "name-details": "first-name": "Kiran"

使用

console.log(details["name-details"]["first-name"])

【讨论】：

“var details”行的语法高亮很奇怪。为什么？可以修吗？