在JavaScript中，您可以使用对象来存储和组织数据。对象是由属性和方法组成的集合，可以通过点符号或方括号访问它们。在某些情况下，您可能需要动态地将变量值添加为对象的属性。本文将介绍如何从JavaScript中的变量值创建对象属性。
对象字面量
在JavaScript中，您可以使用对象字面量来创建对象。对象字面量是包含在花括号 {} 中的一组键值对，每个键值对之间用逗号分隔。例如：
const person = {
name: 'John',
age: 30,
gender: 'male'
};在对象字面量中，您可以硬编码属性名称和值。但在某些情况下，您可能无法提前知道要创建的属性名称和值。这时候，您可以使用另一种方法来动态创建对象属性。
使用方括号表示法
JavaScript中的对象具有动态性，这意味着您可以在运行时动态添加属性和方法。对象的属性可以通过两种方式访问：点符号和方括号。当您知道属性的名称时，可以使用点符号进行访问。例如：
person.name; // 'John'
当您无法提前知道属性的名称时，可以使用方括号表示法。方括号内可以是一个字符串或一个变量，表示要访问的属性名称。例如：
const propertyName = 'name'; person[propertyName]; // 'John'
注意，在使用方括号表示法时，属性名必须用引号包裹或者使用变量来代替。
动态创建对象属性
现在您已经知道了如何使用方括号表示法来访问对象属性。接下来，我们将介绍如何使用该方法动态地将变量值添加为对象的属性。
假设您有一个存储产品信息的对象，并且您想根据用户输入创建新的属性。以下是一种实现方式：
-- -------------------- ---- ------- ----- ------- - --- -- ------ ----- ------------ - -------- ----- ------------- - ------ -- -------------------- --------------------- - -------------- --------------------------- -- -----
在上面的代码中，我们首先创建了一个空对象 product，然后从用户获取了属性名和属性值。最后，我们使用方括号表示法将这些值作为属性名和属性值添加到 product 对象中。
使用相同的方法，您可以动态地将任何变量值添加为对象的属性。
结论
在JavaScript中，您可以使用对象字面量创建具有硬编码属性名称和值的对象。当您无法提前知道属性名称和值时，您可以使用方括号表示法动态地创建对象属性。通过将变量值作为属性名和属性值传递给方括号表示法，您可以动态地创建对象属性。
希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8823
