在 JavaScript 中访问嵌套对象

在 JavaScript 中，对象可以包含嵌套对象，也称为子对象。这些对象形成了树状结构，每个嵌套对象都可以包含多个属性。访问这些属性可以有不同的方法。

通过点符号访问

在 JavaScript 中，通过点符号可以访问对象及其属性。对于嵌套对象，可以通过一系列的点符号访问其属性。

let obj = {
  prop1: {
    nestedProp1: 'Hello'
  },
  prop2: {
    nestedProp2: 'World'
  }
};

console.log(obj.prop1.nestedProp1); // Output: 'Hello'
console.log(obj.prop2.nestedProp2); // Output: 'World'

通过点符号访问嵌套对象的属性要求每个属性名必须是合法的标识符。否则，需要使用方括号语法。

通过方括号语法访问

方括号语法能够访问对象及其属性，同时也能访问嵌套对象的属性。它使用字符串作为访问对象的属性名。

let obj = {
  prop1: {
    nestedProp1: 'Hello'
  },
  prop2: {
    nestedProp2: 'World'
  }
};

console.log(obj['prop1']['nestedProp1']); // Output: 'Hello'
console.log(obj['prop2']['nestedProp2']); // Output: 'World'

方括号语法在属性名不是合法的标识符时非常有用。

通过变量访问

可以使用变量来动态地访问嵌套对象的属性。这可以通过方括号语法实现。

let obj = {
  prop1: {
    nestedProp1: 'Hello'
  },
  prop2: {
    nestedProp2: 'World'
  }
};

let propName1 = 'prop1';
let propName2 = 'nestedProp2';

console.log(obj[propName1]['nestedProp1']); // Output: 'Hello'
console.log(obj['prop2'][propName2]); // Output: 'World'

可以使用变量来代替属性名的硬编码，使代码更加灵活。

总结

访问嵌套对象的属性可以使用点符号或方括号语法。通过变量可以动态地访问属性。这些方法可以帮助我们更高效地处理嵌套对象的数据。