如何在JavaScript中遍历对象并获取其所有属性的键值对？

在JavaScript中，对象和数组都是数据集合的重要组成部分，而遍历它们以获取键值对是常见的需求。要实现这一功能，可以使用`Object.keys`方法获取对象所有可枚举的属性名（键），然后遍历这些键，通过键来获取对应的值。以下是一个具体示例：

参考资源链接：[JavaScript获取对象与数组键值对的方法](https://wenku.csdn.net/doc/6454c23095996c03ac0c1d93?spm=1055.2569.3001.10343)

let object = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

let keys = Object.keys(object); // 获取对象的键
let keyValuesPairs = keys.map(key => [key, object[key]]); // 通过键获取对应的值，并形成键值对数组

console.log(keyValuesPairs); // 输出键值对数组

在上面的代码中，`Object.keys(object)` 返回一个包含对象所有可枚举属性名称的数组。然后我们使用`map`方法遍历这个数组，并为每个键值对创建一个数组，最终得到一个包含所有键值对的二维数组。这种方法适用于任何对象，无论是自定义对象还是内置对象，如`Object`, `Array`, `Date`等。

除了`Object.keys`方法，JavaScript还提供了`Object.values`和`Object.entries`方法，这些方法可以更直接地获取对象的值或键值对数组。`Object.values`返回一个包含对象所有可枚举属性值的数组，而`Object.entries`返回一个数组，其元素是与传递给 `Object` 构造函数的对象直接关联的字符串键值对。

对于数组的遍历，虽然数组有自己的一套方法，如`forEach`, `map`, `filter`等，但对象的遍历技术同样适用。如果数组中包含对象，可以先遍历数组，再遍历对象中的属性，以获取每个元素的详细信息。

为了加深理解和提高实战能力，建议阅读《JavaScript获取对象与数组键值对的方法》，该资料详细介绍了获取对象和数组键值对的方法，并提供了实际的示例代码。通过学习这些方法，开发者可以更高效地处理数据，优化代码结构，并在项目中实现复杂的逻辑。

参考资源链接：[JavaScript获取对象与数组键值对的方法](https://wenku.csdn.net/doc/6454c23095996c03ac0c1d93?spm=1055.2569.3001.10343)