如何将Map返回的不相交数组合并为单个数组？

嘿，我来帮你搞定这个合并数组的需求！你的问题核心是把Map中所有值对应的子数组，合并成一个完整的大数组对吧？其实关键是先正确提取Map里的所有子数组，再做扁平化合并就行，我给你几个简单可行的方法：

方法1：Array.from() + flat()（最简洁） #

先把Map的所有值（也就是那些子数组）转成一个数组的数组，再用flat()直接扁平化：

// 先模拟你的Map结构
const myMap = new Map();
myMap.set('group1', ["string1", "string2", "string3"]);
myMap.set('group2', ["string4"]);
myMap.set('group3', ["string5", "string6"]);

// 合并操作
const mergedArray = Array.from(myMap.values()).flat();
console.log(mergedArray); 
// 输出：["string1", "string2", "string3", "string4", "string5", "string6"]

方法2：扩展运算符 + concat() #

如果你的环境不支持flat()（比如旧版浏览器），可以用concat()配合扩展运算符来展开子数组：

const arrayOfArrays = Array.from(myMap.values());
const mergedArray = [].concat(...arrayOfArrays);
// 同样得到目标数组

方法3：reduce()累加合并 #

用reduce()逐个把子数组拼接到结果里，适合需要自定义合并逻辑的场景：

const mergedArray = Array.from(myMap.values()).reduce((totalArr, currentArr) => {
  return totalArr.concat(currentArr);
}, []);

为啥你之前的方法没成功？ #

我猜你可能踩了这个坑：Map.values()返回的是迭代器对象，不是直接的数组。如果直接用concat(myMap.values())，会把迭代器本身当成一个元素，而不是展开里面的子数组；至于Set()，它是用来去重的，你的子数组本来就不相交，完全用不上，反而会绕弯路～

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