使用 ES10 的 Object.fromEntries 方法将对象转为 Map-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，对象和 Map 经常被使用，它们都有各自的优缺点和使用场合。当需要将对象转为 Map 时，一般使用循环遍历对象的属性，将属性名和属性值逐一添加到 Map 中。这种方式虽然能够实现结果，但在代码实现上比较繁琐。

ES10 引入的新方法 Object.fromEntries 可以直接将对象转为 Map。本文将详细介绍 Object.fromEntries 的使用方法和指导意义。

一、对象转为 Map

在 ES10 中，我们可以使用 Object.fromEntries 方法将对象转为 Map。具体的语法如下：

Object.fromEntries(iterable)

其中 iterable 是一个可迭代对象，它的每个元素都是形如 [key, value] 的数组。返回一个新的 Map 对象。也就是说，我们可以将对象转为形如 [key, value] 的数组，再通过 Object.fromEntries 方法将其转为 Map。

下面我们看一个示例代码：

const obj = { foo: 'bar', baz: 42 };
const map = new Map(Object.entries(obj));
console.log(map);

这段代码将对象 obj 转为 Map，输出结果如下：

Map { 'foo' => 'bar', 'baz' => 42 }

可以看到，输出结果是一个包含键值对的 Map 对象，与原对象相同。

使用 Object.fromEntries 方法可以让我们在转换对象为 Map 的过程中，代码更加简洁易懂。相比于遍历对象属性，将其逐一添加到 Map 中，Object.fromEntries 的代码实现更加简洁明了。

此外，Object.fromEntries 方法还可以进行数组和 Map 之间的互转。例如，我们可以使用下面的代码将 Map 转为对象：

const map = new Map([['foo', 'bar'], ['baz', 42]]);
const obj = Object.fromEntries(map);
console.log(obj);

输出结果如下：

{ foo: 'bar', baz: 42 }

在实际应用中，我们通常会遇到需要将对象转为 Map 的场合。以下是一个实践应用的示例代码：

const obj = { name: '张三', age: 18 };
const map = new Map(Object.entries(obj));
console.log(map.get('name')); // 输出：张三

在这个示例代码中，我们将对象 obj 转为 Map 对象，再通过 get 方法获取了键值对中的某个值。这个例子展示了 Object.fromEntries 在实际应用中的用法，相信读者也已经理解了它的基本使用和指导意义。

使用 Object.fromEntries 方法能够简化对象和 Map 之间的互转过程，同时让代码更加简洁易懂。本文详细介绍了它的使用方法和指导意义，在实践中有着广泛的应用。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64deea72f6b2d6eab3a10bc2