ES6 맵 또는 세트 얕은 복제

102

ES6 Map 또는 Set 객체를 어떻게 얕게 복제 합니까?

동일한 키와 값을 가진 새 맵 또는 세트를 얻고 싶습니다.

javascript ecmascript-6

— Jo Liss
소스

답변:

207

생성자를 사용하여 맵 및 세트 복제 :

var clonedMap = new Map(originalMap)

var clonedSet = new Set(originalSet)

— Jo Liss
소스

딥 클론을 수행하는 방법은 무엇입니까?

— BILL

맵을 딥 복제하는 방법을 보려면이 바이올린을 확인하십시오. jsfiddle.net/pahund/5qtt2Len/1

— Patrick Hund

MapJavascript 객체가 아닌 추상 데이터 유형으로 처리되어야합니다. 따라서 깊은 복제는 Map의미가 없습니다.

불행히도 복사 생성자는 IE 11에서 작동하지 않습니다 (빈 맵이 생성됨).

— Jan Molnar

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

스 니펫 확장

— Richytong
소스

좋은 발견! Chromium 버그 추적기에 버그를 생성하여주의를 환기시킬 가치가 있습니다. 이것은 확실히 엔진에서 고칠 수 있습니다. 마찬가지로 대해 동일한 문제를 나타낸다 파이어 폭스, 대 Set(하지 않는 것처럼 Map).

— Jo Liss

흥미롭게도 new Set(set)Safari에서는 setFromForLoop(set)약 15-20ms 더 빠르지 만 Chrome에서는 약 20-28ms 더 빠릅니다.

— Magne