如何在JavaScript中将Map转关联数组？对象数组转指定关联数组可用map吗？

1. 如何在JavaScript中将Map转换为关联数组？ #

首先得明确：JavaScript里没有真正意义上的“关联数组”，我们平时说的关联数组其实就是普通对象（Object）——用字符串/符号作为键，对应存储值的键值对结构。

转换Map到对象有两种常用方式：

• 最简洁的方式：使用Object.fromEntries()（ES2019及以上版本支持）
  这个方法可以直接把Map或者键值对数组转换成对象：

  const myMap = new Map([
    ['userName', 'Alice'],
    ['age', 28]
  ]);
  const assocObject = Object.fromEntries(myMap);
  // 结果：{ userName: 'Alice', age: 28 }
  

• 兼容旧环境：手动遍历Map构建对象
  如果需要支持ES2019之前的环境，可以通过遍历Map的键值对来手动赋值：

  const myMap = new Map([['userName', 'Alice'], ['age', 28]]);
  const assocObject = {};
  // 遍历Map的每一组键值对
  for (const [key, value] of myMap) {
    assocObject[key] = value;
  }
  // 同样得到 { userName: 'Alice', age: 28 }
  

2. 对象数组转指定键值对象，能否用map实现？ #

直接用map()不行——因为map()的返回值是一个数组，而我们需要的是键值对结构的对象。不过可以**结合map()和Object.fromEntries()**来实现，或者用reduce()一步到位更高效。

方法1：map + Object.fromEntries() 组合实现 #

先通过map()把原数组的每个对象转换成[id, title]这样的键值对数组，再用Object.fromEntries()把这个二维数组转换成目标对象：

const content = [
  { title: 'Morning run', id: 'id1', desc: 'Meet at the park', date: '2018-01-14T09:00:00.000Z', location: 'Central park', createdBy: '23432432' },
  { title: 'Evening run', id: 'id2', desc: 'Meet by the station', date: '2018-01-14T18:00:00.000Z', location: 'Central station', createdBy: '23432432' }
];

const output = Object.fromEntries(content.map(item => [item.id, item.title]));
// 输出结果：{ id1: 'Morning run', id2: 'Evening run' }

方法2：用reduce()直接构建（性能更优） #

如果不想生成中间数组，reduce()是更高效的选择，它可以直接在遍历过程中构建目标对象：

const output = content.reduce((result, item) => {
  // 把当前item的id作为键，title作为值存入结果对象
  result[item.id] = item.title;
  return result;
}, {}); // 初始值是空对象
// 同样得到目标输出

内容的提问来源于stack exchange，提问作者Evanss