我举了另一个例子来清楚地理解用法上的差异。当使用嵌套数组和嵌套对象时

    const myArray = [
  {
    type: "flowers",
    list: [ "a", "b", "c" ],
  },
  {
    type: "trees",
    list: [ "x", "y", "z" ],
  }
];

现在如果我们想要访问树列表中的第二项是y。

我们不能一直用括号

const secondTree = myArray[1]["list"][1]; // incorrect syntex

相反，我们必须使用

const secondTree = myArray[1].list[1]; // correct syntex

使用这些符号时要小心: 如。如果我们想访问一个窗口的父函数。 在IE中:

window['parent']['func']

并不等同于

window.['parent.func']

我们可以用:

window['parent']['func'] 

or

window.parent.func 

访问它

让我再添加一些方括号符号的用例。如果你想访问一个属性，比如对象中的x-proxy，那么-将被错误地解释。还有一些其他的情况，比如空格，点，等等，点运算对你没有帮助。另外，如果你在一个变量中有键，那么在一个对象中访问键值的唯一方法是用括号符号。希望你能了解更多的背景。

我举了另一个例子来清楚地理解用法上的差异。当使用嵌套数组和嵌套对象时

    const myArray = [
  {
    type: "flowers",
    list: [ "a", "b", "c" ],
  },
  {
    type: "trees",
    list: [ "x", "y", "z" ],
  }
];

现在如果我们想要访问树列表中的第二项是y。

我们不能一直用括号

const secondTree = myArray[1]["list"][1]; // incorrect syntex

相反，我们必须使用

const secondTree = myArray[1].list[1]; // correct syntex

[]符号有用的情况:

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

var a = {1:3};

如果你试图访问a。1，它会报错，因为它期待的是一个字符串。

当-时必须使用方括号

属性名是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 .使用实例