使用变量访问对象属性 - Javascript

在Javascript中，我们可以使用变量来访问对象属性。这样做可以使代码更加灵活和可维护，特别是在处理大量属性时。

访问对象属性

对象属性可以通过点号（.）或方括号（[]）访问。使用点号访问是最常见的方法。

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

console.log(person.firstName); // 输出 John

使用方括号访问对象属性时，我们需要将属性名用引号括起来。

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

console.log(person["firstName"]); // 输出 John

使用变量访问对象属性

我们也可以使用变量来访问对象属性。下面的例子中，我们通过变量引用属性名来访问person对象的属性。

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

const propertyName = "firstName";

console.log(person[propertyName]); // 输出 John

在访问对象属性时，方括号中的字符串将被解析为属性名。因此，我们可以使用变量来代替字符串。

使用变量修改对象属性

我们也可以使用变量来修改对象属性。下面的例子中，我们通过变量引用属性名来修改person对象的属性。

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

const propertyName = "firstName";
const newValue = "Jane";

person[propertyName] = newValue;

console.log(person.firstName); // 输出 Jane

结论

在Javascript中，我们可以使用变量来访问和修改对象属性。这样做可以使代码更加灵活和可维护。当处理大量属性时，使用变量可以使代码更加简洁和易读。