迹忆客 专注技术分享

要合并 Map，请使用扩展运算符 (...) 将两个或多个 Map 的值合并到一个数组中，并将它们传递给 Map() 构造函数，例如 new Map([...map1, ...map2])。 新 Map 将包含来自所有提供的 Map 对象的键值对。

const map1 = new Map([['name', 'Tom']]);
const map2 = new Map([['age', 30]]);

const map3 = new Map([...map1, ...map2]);

// 👇️ {'name' => 'Tom', 'age' => 30}
console.log(map3);

我们使用扩展运算符 (...) 将 2 个 Map 对象中的键值对合并到一个数组中。

const map1 = new Map([['name', 'Tom']]);

// 👇️ [ ['name', 'Tom'] ]
console.log([...map1]);

该数组包含由键值对组成的嵌套数组。

最后一步是将数组传递给 Map() 构造函数，该构造函数将一个可迭代对象作为参数。

设置好值后，示例如下所示：

const map3 = new Map([['name', 'Tom'], ['age', 30]])

可迭代的 Map 必须由键值对组成，例如 一个二维数组或另一个 Map 对象。

可以根据需要对尽可能多的 Map 对象重复此过程。

const map1 = new Map([['name', 'Tom']]);
const map2 = new Map([['age', 30]]);
const map3 = new Map([['country', 'Chile']]);

const map4 = new Map([...map1, ...map2, ...map3]);
// 👇️ {'name' => 'Tom', 'age' => 30, 'country' => 'Chile'}
console.log(map4);

请注意，保留键的插入顺序。 如果我们需要重新排序键值对，只需切换使用扩展运算符 (...) 的顺序即可。