JavaScript如何使用变量访问对象属性

在 JavaScript 中，有两种访问对象属性的方法：

• 点表示法（dot notation）：something.bar
• 方括号表示法（bracket notation）：something['bar']

方括号表示法中的值可以是任何表达式，包括变量。因此，如果属性名存储在变量中，则可以使用方括号表示法来访问它。

以下是一个示例：

const user = {
  name: "John Doe",
  age: 30,
};

const propertyName = "age";

// 使用方括号表示法访问对象的 age 属性
const age = user[propertyName];

console.log(age); // 30

这种方法在许多情况下都很有用，例如：

• 当您需要从用户输入中获取属性名时。
• 当您需要遍历对象的所有属性并对其进行处理时。
• 当您需要根据某些条件来访问对象属性时。

以下是一些更具体的示例：

• 从用户输入中获取属性名：

const user = {};

// 询问用户输入属性名
const propertyName = prompt("Enter the property name: ");

// 获取该属性的值
const propertyValue = user[propertyName];

// 检查属性是否存在
if (propertyValue !== undefined) {
  // 使用属性值
} else {
  // 属性不存在
}