Płytkie klonowanie mapy lub zestawu ES6

102

Jak płytko sklonować mapę lub obiekt zestawu ES6 ?

Chcę uzyskać nową mapę lub zestaw, który ma te same klucze i wartości.

javascript ecmascript-6 Jo Liss
źródło

Odpowiedzi:

207

Użyj konstruktora, aby sklonować mapy i zestawy:

var clonedMap = new Map(originalMap)

var clonedSet = new Set(originalSet)
Jo Liss
źródło
3
Jak zrobić głębokiego klona?
BILL
3
Sprawdź to skrzypce, aby zobaczyć, jak głęboko sklonować mapę: jsfiddle.net/pahund/5qtt2Len/1
Patrick Hund,
5
Mappowinien być traktowany jako abstrakcyjny typ danych, a nie jako obiekt JavaScript. Dlatego głębokie klonowanie Mapnie ma sensu.
5
Niestety konstruktor kopiujący nie działa w IE 11 (tworzona jest pusta mapa).
Jan Molnar
8

Tworzenie nowego zestawu za pomocą pętli for jest szybsze niż konstruktora Set. To samo dotyczy Map, choć w mniejszym stopniu.

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))
Rozwiń fragment

richytong
źródło
Niezłe znalezisko! Warto utworzyć błąd w narzędziu do śledzenia błędów Chromium, aby zwrócić na to ich uwagę. To z pewnością można naprawić w silniku. Podobnie jest z przeglądarką Firefox, w której występuje ten sam problem Set(choć nie w przypadku Map).
Jo Liss
Co ciekawe, new Set(set)jest o 15-20 ms szybszy w Safari, ale setFromForLoop(set)o 20-28 ms szybciej w Chrome.
Magne