如何使用连字符访问 JavaScript 对象属性？

使用连字符访问 JavaScript 对象属性

使用 JavaScript 时，使用连字符引用对象属性可能会很困难。考虑以下场景：

var style = css($(this));
alert(style.width); // Works fine
alert(style.text-align); // Uncaught Reference Error

“text-align”中的连字符被解释为减号，从而导致错误。

解决方案 1：驼峰式大小写转换

对于 CSS 属性，首选使用驼峰式大小写键表示法方法：

obj.style-attr // Becomes

obj["styleAttr"]

解决方案 2：键符号

您也可以使用键符号代替点符号：

style["text-align"]

JavaScript 允许您可以使用与以下相同的语法来引用对象属性数组：

arr[0] // Array index

obj["method"] // Object property

其他注意事项：

• 使用键符号访问的属性将被评估为字符串。
• JavaScript 中不允许使用的字符必须使用键符号访问变量。
• 以下正则表达式概述了有效属性名称：

[a-zA-Z_$][0-9a-zA-Z_$]*

通过利用这些技术，您可以有效地访问包含连字符的 JavaScript 对象属性。

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