点表示法总是可取的。如果你正在使用一些“更聪明的”IDE或文本编辑器，它将显示来自该对象的未定义名称。 只有当你的名字有破折号或类似无效的东西时，才使用括号符号。如果名称存储在变量中也一样。

(来源此处)

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

var foo = myForm.foo[];//错误的语法 var foo = myForm["foo[]"];//正确的语法

包括非ascii (UTF-8)字符，如myForm["ダ"](更多示例)。

其次，方括号符号在处理时很有用 以可预测的方式变化的属性名:

For (var I = 0;I < 10;我+ +){ someFunction(myForm["myControlNumber" + i]); ｝

摘要:

点表示法写起来更快，读起来更清楚。 方括号符号允许访问包含 特殊字符的选择 使用变量的属性

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

例如，json响应可以包含一个名为bar.Baz的属性。

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

The two most common ways to access properties in JavaScript are with a dot and with square brackets. Both value.x and value[x] access a property on value—but not necessarily the same property. The difference is in how x is interpreted. When using a dot, the part after the dot must be a valid variable name, and it directly names the property. When using square brackets, the expression between the brackets is evaluated to get the property name. Whereas value.x fetches the property of value named “x”, value[x] tries to evaluate the expression x and uses the result as the property name.

So if you know that the property you are interested in is called “length”, you say value.length. If you want to extract the property named by the value held in the variable i, you say value[i]. And because property names can be any string, if you want to access a property named “2” or “John Doe”, you must use square brackets: value[2] or value["John Doe"]. This is the case even though you know the precise name of the property in advance, because neither “2” nor “John Doe” is a valid variable name and so cannot be accessed through dot notation.

对于数组

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

当-时必须使用方括号

属性名是number。 Var ob = { 1:“一个”, 7:“7” ｝ ob.7 // SyntaxError ob[7] // " 7 " 属性名有特殊字符。 Var ob = { 'This is one': 1， 这是7:7， ｝ ob.'This is one' // SyntaxError ob['这是一个']// 1 属性名被赋给一个变量，您要访问 属性值。 Var ob = { “一”:1、 “七”:7, ｝ var _Seven = ' 7 '; b. _seven //未定义 ob[_Seven] // 7 .使用实例

如果属性名有特殊字符，则需要使用括号:

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

除此之外，我想这只是个人喜好的问题。恕我直言，点表示法更短，而且更明显地表明它是一个属性而不是数组元素(当然JavaScript没有关联数组)。

一般来说，他们做同样的工作。 尽管如此，括号符号给了你做点符号做不到的事情的机会，比如

var x = elem["foo[]"]; // can't do elem.foo[];

这可以扩展到任何包含特殊字符的属性。