javascript - 如何引用其中包含连字符的 JavaScript 对象属性？

Question

我正在使用this script制作所有继承的样式等的样式对象。

var style = css($(this));
alert (style.width);
alert (style.text-align);

通过以下内容，第一个警报将正常工作，但第二个警报不会......我认为它会将 - 解释为减号。调试器显示“ Uncaught ReferenceError ”。不过，我不能在它周围加上引号，因为它不是字符串。那么我该如何使用这个对象属性呢？

Answer 1

看评论。您将看到，对于 CSS 属性，键符号与许多属性不兼容。因此，使用驼峰式键符号是当前的方法:

obj.style-attr // would become

obj["styleAttr"]

<小时/>

使用键符号而不是点

style["text-align"]

JavaScript 中的所有数组都是对象，并且所有对象都只是关联数组。这意味着您可以引用对象中的某个位置，就像引用数组中的键一样。

arr[0]

或对象

obj["method"] == obj.method

以这种方式访问​​属性时需要记住以下几点:

1. 它们会被评估，因此请使用字符串，除非您正在使用计数器或使用动态方法名称执行某些操作。

   这意味着 obj[method] 会给你一个未定义的错误，而 obj["method"] 则不会

2. 如果您使用 JavaScript 变量中不允许的字符，则必须使用此表示法。

这个正则表达式几乎概括了它:

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