Map构造函数需二维数组（[key, value]）初始化，扩展运算符仅展开可迭代结构；支持从Object.entries、Set映射、字符串等转Map；可拼接多个来源或条件添加键值对；key类型不会自动转换。
Map 可以直接用扩展运算符（...）配合数组初始化，但要注意结构必须是二维数组——每个子项是 [key, value] 形式的键值对。
必须用二维数组格式
扩展运算符本身不创建 Map，它只是把可迭代结构“展开”。Map 构造函数接受一个可迭代对象，而二维数组恰好符合要求：
-
new Map([['a', 1], ['b', 2]])✅ 正确：每个元素是长度为 2 的数组 -
new Map(['a', 1, 'b', 2])❌ 错误：一维数组，Map 会把每个字符串/数字当 key，value 为undefined -
new Map({a: 1, b: 2})❌ 错误：普通对象不可迭代，会报错
从已有数据结构快速转换
利用扩展运算符 + 数组方法，能从常见结构一键生成 Map：
- 从对象转 Map（需先转成键值对数组）：
const obj = {x: 10, y: 20};<br>const map = new Map(Object.entries(obj)); - 从 Set 转 Map（给每个 key 设默认 value）：
const keys = new Set(['red', 'green', 'blue']);<br>const map = new Map([...keys].map(k => [k, true]));
- 从字符串生成字符索引 Map：
const str = 'hello';<br>const charMap = new Map([...str].map((c, i) => [c, i])); // {'h' => 0, 'e' => 1, ...}
配合解构或动态生成更灵活
扩展运算符还能嵌套在数组字面量中，方便拼接静态与动态数据：
- 合并多个来源：
const defaults = [['theme', 'light'], ['lang', 'zh']];<br>const userPrefs = [['theme', 'dark']];<br>const finalMap = new Map([...defaults, ...userPrefs]); // 后者覆盖前者
- 带条件添加：
const items = [['id', 123]]; <br>const withName = name => name ? [...items, ['name', name]] : items;<br>const map = new Map(withName('Alice'));
注意 key 的类型不会被自动转换
扩展运算符只负责展开结构，不改变值的类型。比如 ['1', 1] 中的字符串 '1' 和数字 1 是两个不同 key：
-
new Map([['1', 'str'], [1, 'num']])会存两个独立条目 - 如果原始数据 key 类型混杂，需提前统一（如全转字符串）再展开
