js怎么遍历键值对

在JavaScript中，遍历键值对常见的方法有以下几种：

一、对于普通对象

1. 使用 for...in 循环
   • 基础概念：for...in 循环会遍历对象的可枚举属性（包括自身和继承的可枚举属性，不过通常结合 hasOwnProperty 方法来只处理自身属性）。
   • 示例代码：
   • 示例代码：
   • 优势：语法简单直接，容易理解和使用。
   • 应用场景：适用于对普通对象的属性遍历，在简单的对象数据处理场景中经常使用。

• 使用 Object.keys() 方法结合 forEach 循环
  • 基础概念：Object.keys() 方法会返回一个由对象自身可枚举属性组成的数组，然后可以使用数组的 forEach 方法来遍历这个数组中的键名，进而获取对应的值。
  • 示例代码：
  • 示例代码：
  • 优势：代码相对更具函数式编程风格，可读性较好，并且明确是针对对象自身的属性。
  • 应用场景：在需要对对象自身属性进行操作并且希望代码风格更现代的场景下使用。
• 使用 Object.entries() 方法结合 for...of 循环
  • 基础概念：Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，然后可以使用 for...of 循环来遍历这个数组中的键值对。
  • 示例代码：
  • 示例代码：
  • 优势：可以直接获取键值对，在处理键和值相关逻辑时非常方便。
  • 应用场景：当需要同时处理键和值，并且希望代码简洁明了的场景下使用。

二、对于 Map 对象

1. 使用 for...of 循环结合 Map 的迭代器
   • 基础概念：Map 对象有自己的迭代器，可以直接使用 for...of 循环来遍历其中的键值对。
   • 示例代码：
   • 示例代码：
   • 优势：专门针对 Map 对象的特性设计，遍历效率高，并且可以按照插入顺序遍历（如果是有序的 Map）。
   • 应用场景：在需要使用 Map 数据结构并且需要遍历其中键值对的场景下，例如在需要频繁插入、删除键值对并且需要按照特定顺序遍历的场景。

• 使用 Map 的 forEach 方法
  • 基础概念：Map 对象有自己的 forEach 方法，可以直接传入一个回调函数来处理每个键值对。
  • 示例代码：
  • 示例代码：
  • 优势：语法简洁，不需要额外获取迭代器。
  • 应用场景：在对 Map 对象进行简单的键值对遍历操作时使用。