programing

맵 또는 집합을 얕은 클론

telecom 2023. 10. 22. 19:25
반응형

맵 또는 집합을 얕은 클론

자바스크립트에서 이나 세트 객체를 어떻게 얕은 클론화합니까?

키와 값이 같은 새 Map or Set를 받고 싶습니다.

생성자를 사용하여 지도 및 집합 복제:

let clonedMap = new Map(originalMap);

let clonedSet = new Set(originalSet);

얕은 클론:

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

for 루프를 통해 새 세트를 만드는 것이 세트 생성자보다 빠릅니다.정도는 덜하지만 지도도 마찬가지입니다.

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

이 방법은 얕은 복사에 필요한 코드의 양이 가장 적으며 작업을 수행합니다.

공개:이러한 방식이 성능에 영향을 주는지, 대규모 세트에 영향을 주는지, 아니면 세트가 많은 경우에는 최적의 접근 방식이 아닐 수도 있는지 테스트하지 않았습니다.

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

맵에 중첩되지 않은 구조(예: Map of Arrays)가 포함되어 있는 경우 관심 있는 모든 사용자를 위해 이를 심층 복사할 수 있는 빠른 방법은 다음과 같습니다.

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

언급URL : https://stackoverflow.com/questions/30626070/shallow-clone-a-map-or-set

반응형