在JavaScript中，我们可以使用字符串来表示变量名，并通过这种方式访问和操作变量。本文将深入探讨这一特性，探讨如何正确地使用它，并提供一些示例代码作为指导。
为什么要使用字符串作为变量名？
通常情况下，我们在代码中使用变量名来引用变量。例如：
let age = 30; console.log(age);
但是，在某些情况下，我们需要动态地生成变量名，例如在循环中创建多个变量。如果我们尝试使用相同的变量名，则会覆盖先前的值，因此需要一个可变的变量名。这时，字符串作为变量名就派上用场了。
如何使用字符串作为变量名？
要使用字符串作为变量名，我们可以将字符串存储在变量中，并使用方括号 [] 运算符访问该变量。例如：
const varName = "age";
let person = {};
person[varName] = 30;
console.log(person.age); // output: 30在上面的例子中，我们首先定义一个字符串变量 varName，然后创建一个空对象 person。接着，我们使用 [] 运算符将属性名称设置为变量 varName 的值，最终得到一个名为 age 的属性，其值为 30。通过访问 person.age，我们可以访问该属性的值。
注意事项
使用字符串作为变量名需要注意以下几点：
- 字符串必须是有效的标识符：这意味着字符串必须遵循JavaScript的命名规则，例如不能以数字开头，并且不能包含特殊字符。
- 使用方括号
[]运算符时，必须将属性名称放在引号中：如果不加引号，则实际上是在引用一个变量，而不是属性名称。例如：
const varName = "age";
let person = {};
person[varName] = 30;
console.log(person.varName); // output: undefined在上面的例子中，我们尝试访问 person.varName，但是它实际上是一个未定义的属性，因此输出是 undefined。
示例代码
下面提供一些使用字符串作为变量名的示例代码，供读者参考：
动态创建变量
-- -------------------- ---- ------- --- ---- - - -- - -- -- ---- - --- ------- - ----- - -- --------------- - -- - ------------------ -- ------- - ------------------ -- ------- - ------------------ -- ------- - ------------------ -- ------- - ------------------ -- ------- -
在上面的例子中，我们使用循环动态地创建了五个变量 num1、num2、num3、num4 和 num5，并将它们设置为 1 到 5 的值。我们可以通过访问这些变量名来获取它们的值。
动态创建对象属性
const properties = ["name", "age", "gender"];
let person = {};
for (let property of properties) {
person[property] = "unknown";
}
console.log(person); // output: { name: "unknown", age: "unknown", gender: "unknown" }在上面的例子中，我们使用一个数组 properties 存储属性名称，并动态地将其添加到一个空对象 person 中。通过循环和字符串作为属性名称，我们可以方便地设置多个属性。
总结
使用字符串作为变量名是一种强大而灵活的技术，可以帮助我们在某些情况下更好地控制代码逻辑。但是，正确地使用
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12305
