JavaScript属性访问：点符号与方括号？

让我添加方括号表示法的更多用例。如果要访问x-proxy对象中的属性，-则将被错误地解释。它们还有其他一些情况，例如空格，点等，在这种情况下，点操作将无济于事。同样，如果u在变量中具有键，则访问括号中键值的唯一方法是使用方括号表示法。希望您能获得更多背景信息。

点表示法始​​终是首选。如果使用的是“更智能”的IDE或文本编辑器，它将显示该对象的未定义名称。仅当您的名称带有破折号或类似无效的名称时，才使用括号表示法。以及名称是否存储在变量中。

情况[]记法是有帮助的：

如果您的对象是动态对象，并且键（例如number和[]或任何其他特殊字符）中可能有一些随机值，例如-

var a = { 1 : 3 };

现在，如果您尝试像访问a.1错误那样访问，因为它在那儿期待一个字符串。

方括号表示法可以使用变量，因此在点表示法不起作用的两种情况下很有用：

1）动态确定属性名称时（直到运行时才知道确切名称）。

2）使用for..in循环遍历对象的所有属性时。

来源：https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects

如果属性名称具有特殊字符，则需要使用方括号：

var foo = {
    "Hello, world!": true,
}
foo["Hello, world!"] = false;

除此之外，我想这只是一个口味问题。恕我直言，点表示法更短，并且使它更明显地表明它是一个属性而不是数组元素（尽管JavaScript当然没有关联数组）。

括号表示法允许您通过存储在变量中的名称访问属性：

var obj = { "abc" : "hello" };
var x = "abc";
var y = obj[x];
console.log(y); //output - hello

obj.x 在这种情况下将无法正常工作。

在JavaScript中访问属性的两种最常见的方法是使用点和方括号。两者都value.x and value[x]访问价值属性，但不一定是同一属性。区别在于x的解释方式。使用点时，点后的部分必须是有效的变量名，并且直接命名属性。使用方括号时，将对方括号之间的表达式求值以获取属性名称。value.x获取名为“ x”的值的属性，而value [x]尝试计算表达式x并将结果用作属性名称。

因此，如果您知道您感兴趣的属性称为“长度”，请说value.length。如果要提取由变量中保存的值命名的属性i，请说value[i]。并且由于属性名称可以是任何字符串，因此，如果要访问名为“2”或的属性“John Doe”，则必须使用方括号：value[2] or value["John Doe"]。即使您事先知道属性的确切名称，情况仍然如此，因为这两个都不“2” nor “John Doe”是有效的变量名称，因此无法通过点表示法进行访问。

如果是数组

数组中的元素存储在属性中。因为这些属性的名称是数字，并且我们经常需要从变量中获取它们的名称，所以我们必须使用方括号语法来访问它们。数组的length属性告诉我们它包含多少个元素。此属性名称是有效的变量名称，我们预先知道它的名称，因此通常要写一个数组来查找数组的长度，array.length因为它比容易写array["length"]。

（从此处获取。）

方括号表示法允许使用点符号不能使用的字符：

var foo = myForm.foo[]; // incorrect syntax
var foo = myForm["foo[]"]; // correct syntax

包括非ASCII（UTF-8）字符，如myForm["ダ"]（更多示例）中所示。

其次，方括号表示法在处理以可预测的方式变化的属性名称时非常有用：

for (var i = 0; i < 10; i++) {
  someFunction(myForm["myControlNumber" + i]);
}

围捕：

• 点符号的书写速度更快，阅读更清晰。
• 方括号表示法允许访问包含特殊字符的属性以及使用变量选择属性

不能与点符号一起使用的字符的另一个示例是本身包含点的属性名称。

For example a json response could contain a property called bar.Baz.

var foo = myResponse.bar.Baz; // incorrect syntax
var foo = myResponse["bar.Baz"]; // correct syntax