如何在 JavaScript 中使用动态对象键？

使用 JavaScript 访问和修改动态对象键

在 JavaScript 对象中创建动态键对于动态操作数据至关重要。了解这个概念可以让您的代码更加灵活。

使用方括号

要使用动态键访问或修改属性，请使用方括号 ([])以及用引号括起来的键名称：

<code class="javascript">jsObj['key' + i] = 'example' + 1;</code>

此语法允许您根据 i 的值动态构造键。

理解数组的作用

虽然数组继承自 JavaScript 中的 Object 原型，但并非所有对象都是数组。数组维护长度属性，该属性根据数字属性名称动态调整。但是，此行为与方括号运算符的操作无关。

设置属性值

为数组中带有数字键的属性设置值时，length 属性已相应更新。但是，这不适用于普通对象，其中使用数字键设置属性不会影响长度属性。

数组实例和 JSON 序列化的限制

请注意，序列化为 JSON 的数组实例仅包含具有数字名称的属性。使用非数字键添加的属性将在序列化过程中丢失。

ES2015 计算属性名称

在 ES6 中，计算属性名称提供了创建动态键的替代方法：

<code class="javascript">var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };</code>

这允许您使用变量或表达式更轻松、简洁地定义属性键。

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