使用属性名称访问 Javascript 上的嵌套属性

在 Javascript 中，我们经常会遇到需要访问嵌套属性的情况，如：

const user = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
    state: 'NY',
    zip: '10001'
  }
};

如果我们想要访问用户的城市，我们可以使用以下代码：

const city = user.address.city;
console.log(city); // 'New York'

但是，当属性嵌套的层数很深时，这种方法会变得冗长和难以阅读。因此，我们可以使用属性名称访问的技巧来更方便地访问嵌套属性。

在 Javascript 中，我们可以使用方括号运算符 [] 和点运算符 . 来访问对象的属性。对于嵌套属性，我们可以通过将属性名称串联在一起来访问它们。例如：

const city = user['address']['city'];
console.log(city); // 'New York'

有时候，我们可能需要动态访问嵌套属性，例如从用户输入中获取嵌套属性的名称。在这种情况下，我们可以使用变量来代替属性名称。例如：

const propertyName = 'address';
const city = user[propertyName]['city'];
console.log(city); // 'New York'

使用属性名称访问可以大大简化访问嵌套属性的过程，使代码更加清晰易懂。但是，需要注意的是，在使用方括号运算符访问属性时，属性名称必须用引号括起来，否则会抛出 SyntaxError 错误。

总之，使用属性名称访问是一种方便快捷访问嵌套属性的方法，可以使代码更简洁、易读和易于维护。