使用括号（`[]`）和点（`。'）符号之间的区别

Question

使用[]和。用于访问数组或对象属性的真正区别是什么？要使用哪一个？

另外，为什么。操作员允许索引属性？

Answer 1

使用。访问成员被称为 dot note法。使用[]访问它们，称为括号符号。

点表示法仅适用于有效的属性名称 标识符名称 ^{[[ spec]} ，因此，基本上任何也是有效变量名称的任何名称（有效的标识符，另请参见哪些字符对于JavaScript变量名称有效？）和任何

括号符号期望将评估字符串的表达式（或可以将其胁迫到字符串），因此您可以将任何字符序列用作属性名称。字符串可以包含的内容没有限制。

示例：

obj.foo;  // valid
obj.else  // valid, reserved keywords are valid identifier names
obj.42    // invalid, identifier names cannot start with numbers
obj.3foo  // invalid,                ""
obj.foo-bar // invalid, `-` is not allowed in identifier names

obj[42]   // valid, 42 will be coerced to "42"
obj["--"] // valid, any character sequence is allowed
obj[bar]  // valid, will evaluate the variable `bar` and 
          // use its value as property name

---

使用括号符号：

• 当属性名称包含在变量中时，例如obj [foo]。
• 该属性名称包含标识符中不允许的字符，例如Digit ^†，或包含一个空间或仪表板（-），例如obj [“我的属性“]。

使用点符号：在所有其他情况下。

关于保留的关键字，有一个警告。尽管规范允许将它们用作属性名称并使用点表示法，但并非所有浏览器或工具都尊重此（尤其是较旧的IE版本）。因此，我认为最好的解决方案是避免使用保留的关键字作为属性名称，或者如果不能，则使用括号符号。

---

†：这也是您只能使用括号符号访问数组元素的原因。标识符不能从数字开始，因此不能仅由数字组成。

Answer 2

您应该使用。知道属性的名称时

var object = {};
object.property = 'whatever';

，请使用[]当属性的名称包含在变量中时

var object = {};
var property = 'another-property';
object[property] = 'whatever';

，因为@dcoder添加了某些对象属性无法访问而无需使用[]符号，因为它们的名称打破了语法。例如，属性<代码> class ，默认或data-prop-value的属性

Answer 3

也为什么不。操作员允许索引属性？我真的想要
完全理由。谢谢。

好吧，如果可能的话，请考虑：

var a = 0.5;

您是指数字0.5还是访问5数字的元素？
请参阅：

Number.prototype[5] = 3;

0[5] //3
0.5 // 0.5

如果允许语法0.5等于0 [5]，那么您如何知道您的意思？

但是，可以直接将数字与对象文字使用：

var a = {
    0: 3,
    1: 5
};

Answer 4

点运算符和索引（支架符号）操作员都用于访问对象的属性。通常，使用点运算符访问的速度要快得多，因为通过窗口访问变量的速度明显较慢。但是如果特殊性格
在变量中，您不能使用点运算符，因为它会出现错误。对于这种情况，我们需要使用索引运算符并将变量名称作为字符串格式传递，含义双引号否则会产生未定义的错误。
例如-

var abc = {
    font-size : "12px"
} 
Using dot operator - abc.font-size;           //it will give error (Incorrect)
Using index operator - abc["font-size"];      //12px (Correct)