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

99

Как выполнить мелкое клонирование объекта карты или набора ES6 ?

Я хочу получить новую карту или набор с такими же ключами и значениями.

Джо Лисс
источник

Ответы:

203

Используйте конструктор для клонирования карт и наборов:

var clonedMap = new Map(originalMap)

var clonedSet = new Set(originalSet)
Джо Лисс
источник
3
Как сделать глубокий клон?
БИЛЛ
3
Посмотрите эту скрипку, чтобы узнать, как глубоко клонировать карту: jsfiddle.net/pahund/5qtt2Len/1
Патрик Хунд,
5
Mapследует рассматривать как абстрактный тип данных, а не как объект Javascript. Следовательно, глубокое клонирование Mapне имеет смысла.
5
К сожалению, конструктор копирования не работает в IE 11 (создается пустая карта).
Ян Мольнар
5

Создание нового Set через цикл 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))

Richytong
источник
Хорошая находка! Возможно, стоит создать ошибку в системе отслеживания ошибок Chromium, чтобы привлечь к ней внимание. Это, безусловно, поправимо в двигателе. То же самое и с Firefox, который демонстрирует ту же проблему для Set(но не для Map).
Джо Лисс,