如何在 JavaScript 对象中动态创建键？

在 JavaScript 对象中创建动态键

尝试为 JavaScript 对象创建动态键时，用户在使用点表示法时可能会遇到问题。本文解决了这一挑战，并探讨了使用方括号的替代方法。

方括号方法

要使用方括号创建动态密钥，请遵循以下语法：

jsObj['key' + i] = 'example' + 1;

此方法通过将属性名称视为计算字符串来进行操作，从而允许分配动态键。

理解数组和对象属性

JavaScript 中的数组表现出关于数字属性名称的特殊行为。数组的长度属性反映了最大数字属性值。在数组上设置数字属性时，长度属性会相应更新。

相反，普通对象不会表现出此行为。在对象上设置数字属性不会影响其长度属性。

优点和注意事项

使用方括号具有以下优点：

• 允许在对象中创建动态键。
• 维护数组中长度属性的完整性。

但是，请考虑数组序列化的潜在影响。序列化为 JSON 的数组实例仅包含数字命名的属性。如果添加其他属性，它们可能会在序列化时丢失。

ES2015 计算属性名称

ES2015 引入了计算属性名称，为创建动态键提供了一个优雅的解决方案：

var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };

这种方法允许动态键的分配，而无需显式构造字符串连接。

以上是如何在 JavaScript 对象中动态创建键？的详细内容。更多信息请关注PHP中文网其他相关文章！