如何用ES6将Map转换为普通对象？合并Map与对象遇阻

你说得没错，Object.assign()确实没法直接处理Map——因为它只会遍历对象可枚举的自有属性，而Map的键值对并不是以对象属性的形式存储的，所以直接传入Map会得到空对象，这就是你遇到的问题。

好在ES6+有非常简洁的方式解决这个问题，核心是先把Map转换成普通对象，再进行合并：

最简洁的现代方案（ES2019+） #

使用Object.fromEntries()方法，它专门用来将键值对迭代器（比如Map）转换成普通对象，搭配展开运算符或者Object.assign()都能轻松合并：

const map = new Map([ ['foo', 1] ]);
const targetObj = { bar: 2 };

// 方式1：用展开运算符（更直观）
const mergedObj = { ...targetObj, ...Object.fromEntries(map) };
// 结果：{ bar: 2, foo: 1 }

// 方式2：用Object.assign
const mergedObj = Object.assign({}, targetObj, Object.fromEntries(map));
// 结果一样

Object.fromEntries()是专门为这类场景设计的，它能完美识别Map的键值对结构，一步转换成符合要求的普通对象。

兼容旧环境的方案（ES6） #

如果你的项目需要兼容不支持Object.fromEntries()的环境（比如旧版浏览器），可以用Array.from()配合reduce来手动转换：

// 封装一个Map转对象的工具函数
const convertMapToObj = (map) => {
  return Array.from(map).reduce((obj, [key, value]) => {
    obj[key] = value;
    return obj;
  }, {});
};

// 然后进行合并
const map = new Map([ ['foo', 1] ]);
const targetObj = { bar: 2 };
const mergedObj = { ...targetObj, ...convertMapToObj(map) };

这个方法利用Array.from()把Map转换成二维数组（每个元素是[键, 值]），再通过reduce把数组逐步组装成普通对象，同样能达到目的。

总结一下，核心思路就是先把Map的键值对转换成对象的属性，再和目标对象合并——上面的两种方法都是ES6风格的简洁实现，你可以根据环境需求选择。

内容的提问来源于stack exchange，提问作者a tired guy