点表示法与括号表示法

当我们需要对 JavaScript 对象进行操作时，主要有两种方式：点表示法和括号表示法。这两种方法可以互换使用，但在某些情况下，一种方式会更加方便。

点表示法

点表示法是使用点来访问对象属性的一种方法。其语法如下：

object.property

其中，object 是一个 JavaScript 对象，property 是该对象的属性名。例如：

const person = {
  name: 'Alice',
  age: 25,
  address: {
    city: 'New York',
    zip: '10001'
  }
};

console.log(person.name);              // 输出："Alice"
console.log(person.age);               // 输出：25
console.log(person.address.city);      // 输出："New York"
console.log(person.address.zip);       // 输出："10001"

注意，当属性名中包含空格或者其他特殊字符时，不能使用点表示法，而需要使用括号表示法。

括号表示法

括号表示法是使用方括号来访问对象属性的一种方法。其语法如下：

object['property']

其中，object 是一个 JavaScript 对象，property 是该对象的属性名。例如：

const person = {
  name: 'Alice',
  age: 25,
  address: {
    city: 'New York',
    zip: '10001'
  }
};

console.log(person['name']);           // 输出："Alice"
console.log(person['age']);            // 输出：25
console.log(person['address']['city']); // 输出："New York"
console.log(person['address']['zip']);  // 输出："10001"

使用括号表示法时，可以将属性名存储在一个变量中，然后通过变量来访问对象的属性。例如：

const propName = 'name';
console.log(person[propName]);          // 输出："Alice"

总结

点表示法和括号表示法都是访问 JavaScript 对象属性的有效方法。对于属性名中包含空格或者其他特殊字符的情况，必须使用括号表示法。同时，括号表示法还可以通过变量来访问对象的属性，使代码更加灵活。