一尘不染

使用方括号(`[]`)和点(`.`)表示法之间的区别[重复]

javascript

使用[].访问数组或对象属性的真正区别是什么?使用哪一个?

另外,为什么.运算符不允许索引属性?


阅读 531

收藏
2020-05-01

共1个答案

一尘不染

使用来访问成员.称为 点符号 。用它们访问它们[]称为 括号符号

点表示法仅适用于属性名称即有效标识符名称spec,因此基本上任何名称也将是有效 变量名称 (有效 标识符和任何保留关键字。
[规格]](http://es5.github.io/#x7.6.1) 。

括号表示法需要一个表达式,该表达式的结果为字符串(或可以强制为字符串),因此您可以将 任何字符序列用作属性name 。字符串可以包含什么没有限制。

例子:

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]
  • 属性名称包含标识符中不允许使用的字符,例如以数字†开头,或包含空格或破折号(-),例如obj["my property"]

使用点表示法: 在所有其他情况下。

尽管有关于保留关键字的 警告
。尽管该规范允许将它们用作属性名称并带有点符号,但并非所有浏览器或工具都遵守此要求(特别是较旧的IE版本)。因此,我认为最好的解决方案是避免对属性名称使用保留的关键字,或者如果不能的话,避免使用括号表示法。


†:这也是为什么只能使用方括号表示法访问数组元素的原因。标识符不能以数字开头,因此不能仅由数字组成。

2020-05-01