在 ES10 中，新增了一个非常实用的方法 Object.fromEntries()，它可以将一个 Map 对象转变成一个普通对象。这个方法的使用场景非常广泛，特别是在前端开发中，经常会用到 Map 对象，所以掌握这个方法非常重要。
Object.fromEntries() 方法的语法
Object.fromEntries() 方法的语法非常简单，只有一个参数，即一个可迭代对象（比如 Map，Array 等）。
Object.fromEntries(iterable)
Object.fromEntries() 方法的作用
Object.fromEntries() 方法的作用是将一个可迭代对象转变成一个普通对象。
具体来说，如果参数 iterable 是一个 Map 对象，那么 Object.fromEntries() 方法将返回一个由 Map 对象中的键值对转变而来的普通对象。
Object.fromEntries() 方法的示例代码
下面是一个使用 Object.fromEntries() 方法将 Map 对象转变成普通对象的示例代码：
const map = new Map([
['foo', 'bar'],
['baz', 42]
]);
const obj = Object.fromEntries(map);
console.log(obj); // { foo: "bar", baz: 42 }在这个示例中，我们首先创建了一个 Map 对象，然后使用 Object.fromEntries() 方法将这个 Map 对象转变成了一个普通对象。
Object.fromEntries() 方法的深度学习
Object.fromEntries() 方法的实现原理其实非常简单，它可以被看做是 Object.entries() 方法的逆操作。Object.entries() 方法将一个普通对象转变成一个由键值对组成的数组，而 Object.fromEntries() 方法则将一个由键值对组成的数组转变成一个普通对象。
下面是一个示例代码，演示了 Object.entries() 和 Object.fromEntries() 方法的使用：
-- -------------------- ---- ------- ----- --- - - ---- ------ ---- -- -- ----- ------- - -------------------- --------------------- -- - ------- ------- ------- --- - ----- ------ - ---------------------------- -------------------- -- - ---- ------ ---- -- -
在这个示例中，我们首先创建了一个普通对象 obj，然后使用 Object.entries() 方法将这个普通对象转变成了一个由键值对组成的数组。接着，我们又使用 Object.fromEntries() 方法将这个由键值对组成的数组转变成了一个普通对象。这样一来，我们就完成了一个完整的循环操作。
Object.fromEntries() 方法的指导意义
Object.fromEntries() 方法的指导意义非常明显，它可以让我们更加方便地转变 Map 对象成普通对象。在前端开发中，Map 对象经常被用来存储一些复杂的数据结构，比如表单数据、API 返回的数据等等。使用 Object.fromEntries() 方法，我们可以轻松地将这些复杂数据转变成普通对象，从而更方便地进行处理。
另外，Object.fromEntries() 方法还可以被用来将数组转变成普通对象。比如，我们可以使用 Array.prototype.map() 方法将一个数组转变成一个由键值对组成的数组，然后再使用 Object.fromEntries() 方法将这个由键值对组成的数组转变成一个普通对象。
下面是一个示例代码，演示了如何将数组转变成普通对象：
const arr = [
['foo', 'bar'],
['baz', 42]
];
const obj = Object.fromEntries(arr);
console.log(obj); // { foo: "bar", baz: 42 }在这个示例中，我们首先创建了一个数组 arr，然后使用 Object.fromEntries() 方法将这个数组转变成了一个普通对象。这样一来，我们就可以更加方便地处理这个数组了。
总结
Object.fromEntries() 方法是 ES10 中新增的一个非常实用的方法，它可以将一个 Map 对象转变成一个普通对象。这个方法的使用场景非常广泛，特别是在前端开发中，经常会用到 Map 对象，所以掌握这个方法非常重要。在实际开发中，我们可以使用 Object.fromEntries() 方法将复杂的数据结构转变成普通对象，从而更方便地进行处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f89a16d10417a22245b481