Неглибокий клон карти ES6 або набору

Як ви дрібно клонуєте об'єкт карти ES6 або набору ES6 ?

Я хочу отримати нову карту чи набір, що має однакові ключі та значення.

javascript ecmascript-6

Відповіді:

202

Використовуйте конструктор для клонування карт і наборів:

var clonedMap = new Map(originalMap)

var clonedSet = new Set(originalSet)

— Джо Лісс
джерело

Як зробити глибокий клон?

— БІЛЛ

Перегляньте цю скрипку, щоб побачити, як глибоко клонувати карту: jsfiddle.net/pahund/5qtt2Len/1

— Patrick Hund

Mapслід розглядати як абстрактний тип даних, а не як об’єкт Javascript. Отже, глибоке клонування а Mapне має сенсу.

На жаль, конструктор копіювання не працює в IE 11 (створюється порожня карта).

— Ян Молнар

Створення нового набору за допомогою циклу for відбувається швидше, ніж конструктор 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))

Розгорніть фрагмент

— річітонг
джерело

Приємна знахідка! Можливо, варто створити помилку на відстежувачі помилок Chromium, щоб звернути на неї їхню увагу. Це, безсумнівно, можна виправити в двигуні. Подібним чином для Firefox, який має таку ж проблему для Set(хоча і не для Map).

— Джо Лісс