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

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

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

javascript ecmascript-6

Ответы:

203

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

var clonedMap = new Map(originalMap)

var clonedSet = new Set(originalSet)

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

Как сделать глубокий клон?

— БИЛЛ

Посмотрите эту скрипку, чтобы узнать, как глубоко клонировать карту: jsfiddle.net/pahund/5qtt2Len/1

— Патрик Хунд,

Mapследует рассматривать как абстрактный тип данных, а не как объект Javascript. Следовательно, глубокое клонирование Mapне имеет смысла.

К сожалению, конструктор копирования не работает в IE 11 (создается пустая карта).

— Ян Мольнар

Создание нового 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).

— Джо Лисс,