Object.entries()是JavaScript中一个非常有用的方法，它用于返回给定对象自身可枚举属性的键值对数组。每个元素都是一个由键、值组成的数组。

基本语法

Object.entries(obj)  

• obj：要返回其可枚举属性的对象。

功能详解

Object.entries()方法返回一个数组，其中包含对象自身的键值对数组，顺序与通过手动循环该对象时返回的顺序相同。

使用场景

1. 对象转换为数组：便于使用数组的方法对对象进行操作。
2. 对象属性遍历：通过键值对遍历对象。

示例代码

const person = {  
  name: 'John',  
  age: 30,  
  occupation: 'Engineer'  
};  
// 使用 Object.entries()  
const entries = Object.entries(person);  
console.log(entries);  
// 输出： [ ['name', 'John'], ['age', 30], ['occupation', 'Engineer'] ]  

常见应用

1. 遍历对象：通过for...of语句遍历对象的键值对。

   for (const [key, value] of Object.entries(person)) {  
    console.log(`${key}: ${value}`);  
   }  
   // 输出：  
   // name: John  
   // age: 30  
   // occupation: Engineer  

2. 对象过滤：可以使用filter方法过滤对象的属性。

   const filtered = Object.entries(person).filter(([key, value]) => typeof value === 'string');  
   console.log(filtered);  
   // 输出： [ ['name', 'John'], ['occupation', 'Engineer'] ]  

3. 从对象中创建Map：Object.entries()生成的数组可以直接用于创建Map。

   const personMap = new Map(Object.entries(person));  
   console.log(personMap);  
   // 输出： Map { 'name' => 'John', 'age' => 30, 'occupation' => 'Engineer' }  

4. 恢复对象：可以使用Object.fromEntries()将键值对数组转换回对象。

   const entries = Object.entries(person);  
   const newPerson = Object.fromEntries(entries);  
   console.log(newPerson);  
   // 输出： { name: 'John', age: 30, occupation: 'Engineer' }  

注意事项

• Object.entries()返回对象自身的可枚举属性，不包括继承来的或不可枚举的属性。
• 键的顺序基于对象的属性插入顺序。所以在某些JavaScript引擎中，顺序可能不一定是插入顺序。

通过这些示例和应用场景，你可以灵活地使用Object.entries()方法来处理对象和其属性。它是一个强大的工具，用于对象和数组的转换及操作。