在前端开发中，我们经常需要创建对象来进行数据的存储、传递和操作。当我们知道对象的属性名时，可以简单地使用点号或方括号语法创建对象的属性。但是，有时我们需要动态生成属性名，这时候就需要使用动态键来创建对象。
动态键的基础语法
动态键创建对象的基本语法如下：
----- --- - --- ----- --- - --------------- -------- - ----------------
上面的代码中，我们首先创建了一个空对象 obj，然后定义了一个变量 key，它包含了要作为属性名的字符串值 'propertyName'。最后，我们通过方括号语法将 key 变量插入到对象中，从而创建了一个名为 'propertyName' 的属性，并且给属性赋值为 'propertyValue'。
动态键的应用场景
动态键的应用场景非常广泛，以下是一些常见的例子：
对象属性的计算
有时候我们需要根据某些条件来计算属性名，例如：
-------- ---------------------- - ------ ------------------- - ----- --- - --- --- ---- - - -- - - --- ---- - ----- --- - ------------------- -------- - -- -
在上面的代码中，我们定义了一个 getPropertyName 函数来计算属性名。然后，我们通过循环调用 getPropertyName 函数和动态键来创建了一个包含 10 个属性的对象。
对象复制
在前端开发中，我们常常需要将一个对象复制到另一个对象中。当然，我们可以使用 Object.assign 方法来实现复制操作：
----- ---- - - -- -- -- -- -- - -- ----- ---- - ----------------- ------
但是，如果我们只想复制对象的一部分属性，或者复制后对复制后的对象进行修改，这时候就需要使用动态键：
----- ---- - - -- -- -- -- -- - --
----- ---- - ---
--- ------ --- -- ----- -
-- ---- --- ---- -
--------- - ----------
-
-
------ - --上面的代码中，我们通过循环遍历 obj1 的属性名，并使用动态键将非 'b' 属性的值复制到 obj2 中。最后，我们还修改了 obj2 中的 c 属性值。
注意事项
使用动态键创建对象需要注意以下几点：
- 动态键必须是字符串类型。
- 如果动态键所表示的属性名已经存在于对象中，则新的值会覆盖旧的值。
- 当一个对象被作为参数传递给函数时，函数内部对该对象的修改也会影响到该对象本身，因为在 JavaScript 中，对象是按照引用传递的。
总结
动态键创建对象是前端开发中非常重要的一种技术。掌握了动态键的基本语法和应用场景，我们就可以更加灵活地处理数据，提高代码的可复用性和可维护性。
示例代码：
----- --- - ---
----- --- - ---------------
-------- - ----------------
-------- ---------------------- -
------ -------------------
-
----- ---- - - -- -- -- -- -- - --
----- ---- - ---
--- ------ --- -- ----- -
-- ---- --- ---- -
--------- - ----------
-
-
------ - --来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/9357