JavaScript 中遍历字典（对象）的键（key）和值（value）

最新推荐文章于 2025-02-12 11:41:16 发布

原创最新推荐文章于 2025-02-12 11:41:16 发布 · 1.2w 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

在JavaScript中，可以使用Object.entries()方法遍历字典（对象）的键和值。这会返回一个键值对数组，可以通过for...of循环或forEach()方法进行迭代。示例展示了如何使用这两种方法打印键值对。

要在 JavaScript 中遍历字典（对象）的键（key）和值（value），可以使用 Object.entries() 方法。这个方法会返回一个由键值对（key-value pairs）组成的数组，然后可以使用 for...of 循环或数组的 forEach() 方法遍历键值对。

以下是使用 for...of 循环和 forEach() 方法遍历字典键值对的示例：

使用 **for...of 循环遍历：**

···

const dictionary = {
  key1: "value1",
  key2: "value2",
  key3: "value3"
};

for (const [key, value] of Object.entries(dictionary)) {
  console.log(`Key: ${key}, Value: ${value}`);
}

输出：

Key: key1, Value: value1
Key: key2, Value: value2
Key: key3, Value: value3

使用 **forEach() 方法遍历**：

const dictionary = {
  key1: "value1",
  key2: "value2",
  key3: "value3"
};

Object.entries(dictionary).forEach(([key, value]) => {
  console.log(`Key: ${key}, Value: ${value}`);
});

 输出：

Key: key1, Value: value1
Key: key2, Value: value2
Key: key3, Value: value3

在这两个示例中，Object.entries() 方法会返回一个包含键值对的数组，然后使用不同的遍历方法（for...of 或 forEach()）遍历每个键值对。在遍历过程中，我们可以直接访问键和值，然后根据需要处理它们。