在编写JavaScript代码时，我们经常需要使用对象来存储数据和属性。有时候，我们需要动态地向对象添加属性，这时我们可以使用变量作为属性名。本文将介绍如何使用变量作为名称将属性添加到JavaScript对象中，并提供一些示例代码。
什么是JavaScript对象？
在JavaScript中，对象是由花括号包围的一个属性列表。每个属性都由一个键值对组成，其中键是字符串类型的属性名称，而值可以是任何JavaScript数据类型，包括其他对象。
下面是一个简单的JavaScript对象示例：
-- -------------------- ---- -------
----- ------ - -
----- ----- -----
---- ---
-------- -
------- ---- ---- ----
----- ----------
------ ----
-
--如何向JavaScript对象添加属性？
可以通过两种方式向JavaScript对象添加属性：点表示法和方括号表示法。
点表示法
点表示法使用点（.）后跟属性名称的方式向对象添加属性。例如：
person.job = 'Software Engineer';
此代码将“job”属性添加到“person”对象中，并将其设置为“Software Engineer”。
方括号表示法
方括号表示法使用方括号（[]）包围属性名称的方式向对象添加属性。例如：
person['email'] = 'john.doe@example.com';
此代码将“email”属性添加到“person”对象中，并将其设置为“john.doe@example.com”。
如何使用变量作为名称添加属性？
有时候我们需要动态地向对象添加属性，此时点表示法就不适用了。这时，我们可以使用方括号表示法，并将属性名称保存在一个变量中。例如：
const propertyName = 'phone'; person[propertyName] = '555-1234';
此代码将“phone”属性添加到“person”对象中，并将其设置为“555-1234”。注意，在方括号中使用变量时，变量名不需要加引号。
示例代码
下面是一个示例程序，它创建一个空对象并使用变量作为名称将属性添加到该对象中：
-- -------------------- ---- ------- ----- ----- - --- ----- ----- - ------- ------------ - -------- ----- ----- - ------ ------------ - --- ----- ----- - ---------- ------------ - - ------- ---- ---- ---- ----- ---------- ------ ---- -- -------------------
输出结果如下：
{
name: 'Alice',
age: 30,
address: { street: '123 Main St', city: 'Anytown', state: 'CA' }
}总结
本文介绍了如何使用变量作为名称将属性添加到JavaScript对象中。我们还讨论了JavaScript对象的基础知识和基本操作方法。希望这篇文章能够帮助你更好地理解JavaScript对象，以及如何动态地向对象添加属性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8986
