在 JavaScript 对象中添加键值

我们将了解如何在 JavaScript 中为对象添加键值对。首先，让我们理解键值对。

键值对

键值对是一种基本的数据存储方式。键是唯一的标识符，值是与该键相关联的数据。

这些对有助于在 JavaScript 对象和数组中组织数据。

创建和访问键值对

在 JavaScript 中创建键值对非常简单。对于对象，我们需要定义键并为它们赋予与键相关的数值。对于数组，数组中的每个元素都有一个索引，该索引被视为键，并带有相关联的值。

在对象中构造和访问键值对

代码

输出

在这里的输出中，我们可以看到对象中的键值对。

在数组中构造和访问键值对

代码

输出

在这里的结果中，我们可以看到数组中的键值对。

有几种方法可以将 **键值** 对添加到对象中，如下所示：

• 使用点表示法
• 使用方括号表示法
• 使用扩展 (...) 语法
• 使用 Object.assign()
• 使用 Object.defineProperty()

让我们逐一了解这些方法。

使用点表示法

我们可以借助点表示法将键值对添加到对象中。键必须是符号或字符串。

演示

我们将使用点表示法为对象添加键值对。

代码

输出

我们可以在下方的输出中看到使用点表示法添加的键值对。

使用方括号表示法

点表示法有一些缺点，例如它无法处理动态键，这会导致错误。方括号表示法应运而生，以消除此缺点。

演示

我们将使用方括号表示法添加键值对。

代码

输出

我们可以在下方的输出中看到使用方括号表示法添加的键值对。

使用扩展 (...) 语法

它允许展开可迭代对象，如数组、对象或字符串。

演示-1

我们将使用扩展 (...) 语法添加键值对。它用于创建新对象。

代码

输出

演示-2

它允许我们同时添加多个属性，但如果属性已存在于对象中，则该属性的值将被覆盖，并为其赋予新值。

代码

输出

我们可以看到键“age”的值是 40，但它已被覆盖，键“age”的值变为 45。

使用 Object.assign()

Object.assign() 方法与扩展 (...) 语法非常相似。

演示

我们将使用 Object.assign() 方法将键值对添加到对象中。

代码

输出

在这里，我们可以在下方的结果中看到使用 Object.assign() 方法创建的键值对。

使用 Object.defineProperty()

Object.defineProperty() 用于修改对象的属性。

演示

我们将使用 Object.defineProperty() 添加键值对。由于我们使用了 **writable: false**，所以 season 不会被覆盖。

代码

输出

在这里，我们可以在下方的输出中看到使用 Object.defineProperty() 方法构造的键值对。

结论

我们已经了解了如何在 **JavaScript 对象中添加键值**。键值对用于以恰当的方式组织数据，以便于访问。我们可以使用多种方法添加键值，例如点表示法、方括号表示法、扩展 (...) 语法、Object.assign() 和 Object.defineProperty()。