从变量名 JavaScript 中获取对象字段

在 JavaScript 中，可以使用点运算符 (.) 或方括号运算符 ([]) 来从一个对象中获取特定的字段或属性。通过这种方式，程序员可以访问对象的属性值，进而在代码中进行操作或使用。

下面是一些示例代码，展示了如何从变量名 JavaScript 中获取对象字段：

使用点运算符

点运算符允许你使用对象的字段名作为一个标识符来获取字段的值。例如，如果你有一个对象 person，其中包含 firstName 和 lastName 字段，可以使用点运算符获取它们的值：

const person = {
  firstName: 'John',
  lastName: 'Doe'
};

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

使用方括号运算符

方括号运算符允许你使用一个字符串或一个包含字段名的变量来获取对象的字段值。这在需要动态地从对象中获取字段时非常有用。以下示例演示了如何使用方括号运算符来获取对象字段：

const person = {
  firstName: 'John',
  lastName: 'Doe'
};

const fieldName = 'firstName';
console.log(person[fieldName]);  // 输出: John

const anotherFieldName = 'lastName';
console.log(person[anotherFieldName]);  // 输出: Doe

使用点运算符 vs. 方括号运算符

使用点运算符和方括号运算符都可以从变量名 JavaScript 中获取对象字段。但是，它们之间有一些细微的差异：

• 点运算符只能使用对象的字段名作为一个标识符，无法接受变量名。方括号运算符可以接受一个变量名作为字段的名称。
• 方括号运算符允许访问对象中包含特殊字符或关键字的字段名，而点运算符不行。

根据你的需求，选择使用点运算符还是方括号运算符来从变量名 JavaScript 中获取对象字段。

希望这篇介绍能够帮助你理解如何从变量名 JavaScript 中获取对象字段。请随意尝试这些示例代码，并根据你自己的需求进行调整和扩展。