迹忆客 专注技术分享

要创建 Map 的浅表副本，请将现有 Map 作为参数传递给 Map() 构造函数，例如 const newMap = new Map(oldMap)。 Map() 构造函数接受一个可迭代对象，例如另一个 Map，并将键值对添加到新 Map。

const oldMap = new Map([
  ['name', 'Tom'],
  ['country', 'Chile'],
]);

// 👇️ {'name' => 'Tom', 'country' => 'Chile'}
console.log(oldMap);

const copy = new Map(oldMap);
// 👇️ {'name' => 'Tom', 'country' => 'Chile'}
console.log(copy);

我们使用 Map() 构造函数来创建现有 Map 的浅表副本。

构造函数采用的唯一参数是可迭代对象，例如数组或另一个 Map。

iterable 中的元素应该是键值对，例如 二维数组或另一个 Map 对象。

const example1 = [
  ['name', 'Tom'],
  ['country', 'Chile'],
];
const example2 = new Map([
  ['name', 'Tom'],
  ['country', 'Chile'],
]);

每个键值对都被添加到新地图中。

新的 Map 对象在内存中具有完全不同的引用和位置。 向其添加键值对不会与现有 Map 交互。

const oldMap = new Map([
  ['name', 'Tom'],
  ['country', 'Chile'],
]);

// {'name' => 'Tom', 'country' => 'Chile'}
console.log(oldMap);

const copy = new Map(oldMap);
// 👇️ {'name' => 'Tom', 'country' => 'Chile'}
console.log(copy);

copy.set('age', 30);

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

// 👇️ {'name' => 'Tom', 'country => 'Chile'}
console.log(oldMap);