ES6 Haritasını veya Setini sığ klonlayın

Bir ES6 Haritasını veya Set nesnesini nasıl sığ klonlarsınız ?

Aynı anahtarlara ve değerlere sahip yeni bir Harita veya Küme almak istiyorum.

javascript ecmascript-6

— Jo Liss
kaynak

Yanıtlar:

203

Haritaları ve Kümeleri klonlamak için yapıcıyı kullanın:

var clonedMap = new Map(originalMap)

var clonedSet = new Set(originalSet)

— Jo Liss
kaynak

Derin klon nasıl yapılır?

— BILL

Bir haritayı nasıl derinlemesine klonlayacağınızı görmek için bu kemana

— Patrick Hund

MapJavascript nesnesi olarak değil, soyut bir veri türü olarak ele alınmalıdır. Bu nedenle derin klonlama a Mapmantıklı değil.

Maalesef kopyalama yapıcısı IE 11'de çalışmaz (boş harita oluşturulur).

— Jan Molnar

Bir for döngüsü aracılığıyla yeni bir Set oluşturmak, Set yapıcısından daha hızlıdır. Aynı durum, daha az bir ölçüde de olsa Haritalar için de geçerlidir.

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

Snippet'i genişlet

— Richytong
kaynak

Güzel bul! Dikkatlerini buna çekmek için Chromium hata izleyicide bir hata oluşturmaya değer olabilir. Bu kesinlikle motorda düzeltilebilir. Aynı sorunu Set(için olmasa da Map) sergileyen Firefox için de benzer şekilde .

— Jo Liss