浅克隆地图或集

Question

如何在 JavaScript 中浅克隆 Map 或 Set 对象？

我想获得一个具有相同键和值的新 Map 或 Set。

Answer 1

使用构造函数克隆映射和集合：

let clonedMap = new Map(originalMap);

let clonedSet = new Set(originalSet);

Answer 2

浅克隆：

var clonedMap = new Map(originalMap)

var clonedSet = new Set(originalSet)

深度克隆：

var deepClonedMap = new Map(JSON.parse(JSON.stringify([...originalMap])))
var deepClonedSet = new Set(JSON.parse(JSON.stringify([...originalSet])))

let originalMap = new Map()
let data = {a:'a',b:'b'}
originalMap.set(1,data)

let shallowCloned = new Map(originalMap)
let deepCloned = new Map(JSON.parse(JSON.stringify([...originalMap])))
data.a = 'p'
console.log('originalMap:',[...originalMap])
console.log('shallowCloned:',[...shallowCloned])
console.log('deepCloned:',[...deepCloned])

Answer 3

通过 for 循环创建新的 Set 比 Set 构造函数更快。地图也是如此，尽管程度较小。

const timeInLoop = (desc, loopCount, fn) => {
  const d = `${desc}: ${loopCount.toExponential()}`
  console.time(d)
  for (let i = 0; i < loopCount; i++) {
    fn()
  }
  console.timeEnd(d)
}

const set = new Set([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])

const setFromForLoop = x => {
  const y = new Set()
  for (const item of x) y.add(item)
  return y
}

const map = new Map([['a', 1], ['b', 2], ['c', 3], ['d', 4], ['e', 5]])

const mapFromForLoop = x => {
  const y = new Map()
  for (const entry of x) y.set(...entry)
  return y
}

timeInLoop('new Set(set)', 1e5, () => new Set(set))

timeInLoop('setFromForLoop(set)', 1e5, () => setFromForLoop(set))

timeInLoop('new Map(map)', 1e5, () => new Map(map))

timeInLoop('mapFromForLoop(map)', 1e5, () => mapFromForLoop(map))

Answer 4

这种方式具有浅复制所需的最少代码量并且可以完成工作。

披露：我没有测试这种方式是否会影响性能，也许在大型集合上或者如果你有很多这样的集合，这可能不是最好的方法..

const mySet = new Set([1, 2, 3, 4]);
const myCloneSet = new Set(Array.from(mySet));
console.log(mySet === myCloneSet) //false

Answer 5

JSON.parse(JSON.stringify())

太慢了

你应该使用

for (const m of map1){
    const [key,val] = m
    map2.set(key,Object.assign({},val))
}

map1 - 带有对象的原始地图 map2 - 带有对象副本的地图

这将允许您在map2中创建map1中对象的副本

Answer 6

如果映射包含非嵌套结构（例如数组映射），对于感兴趣的任何人，这里有一种快速深度复制它的方法：

const newMap = new Map();
old.forEach((val, key) => newMap.set(key, [...old.get(key)]));