Clonar superficialmente um mapa ou conjunto ES6

Como você clona superficialmente um mapa ES6 ou objeto Set ?

Desejo obter um novo mapa ou conjunto que tenha as mesmas chaves e valores.

javascript ecmascript-6

— Jo Liss
fonte

Respostas:

202

Use o construtor para clonar mapas e conjuntos:

var clonedMap = new Map(originalMap)

var clonedSet = new Set(originalSet)

— Jo Liss
fonte

Como fazer um clone profundo?

— BILL de

Confira este violino para ver como clonar profundamente um mapa: jsfiddle.net/pahund/5qtt2Len/1

— Patrick Hund

Mapdeve ser tratado como um tipo de dado abstrato, não como um objeto Javascript. Portanto, a clonagem profunda a Mapnão faz sentido.

Infelizmente, o construtor de cópia não funciona no IE 11 (um mapa vazio é criado).

— Jan Molnar

Criar um novo Set por meio de um loop for é mais rápido do que o construtor Set. O mesmo se aplica ao Maps, embora em menor grau.

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))

Expandir snippet

— richytong
fonte

Bom achado! Pode valer a pena criar um bug no rastreador de bug do Chromium para chamar a atenção para ele. Isso certamente pode ser corrigido no motor. Da mesma forma para o Firefox, que apresenta o mesmo problema para Set(embora não para Map).

— Jo Liss