Clona/Copia una variabile di mappa Javascript

Question

Come faccio a clonare/copiare una mappa in Javascript?

So come clonare un array ma come faccio a clonare/copiare una mappa?

var myArray = new Array(1, 2, 3); 
var copy = myArray.slice(); 
// now I can change myArray[0] = 5; & it wont affect copy array 

// Can I just do the same for map? 
var myMap = new ?? // in javascript is it called a map? 
var myMap = {"1": 1, "2", 2}; 
var copy = myMap.slice(); 

Answer 1

Un modo semplice è quello di copiare ogni proprietà della mappa di origine per la mappa di destinazione:.

var newMap = {}; 
for (var i in myMap) 
newMap[i] = myMap[i]; 

Answer 2

Non vi è alcun clone/copia incorporato. Puoi scrivere il tuo metodo su una copia superficiale o profonda:

function shallowCopy(obj) { 
    var result = {}; 
    for (var i in obj) { 
     result[i] = obj[i]; 
    } 
    return result; 
} 

function deepCopy(obj) { 
    var result = {}; 
    for (var i in obj) { 
     // recursion here, though you'll need some non-trivial logic 
     // to avoid getting into an endless loop. 
    } 
    return result; 
} 

Tutti gli oggetti in Javascript sono dinamici e possono essere assegnati nuove proprietà. Una "mappa" a cui ci si riferisce è in realtà solo un oggetto vuoto. Una matrice è anche un oggetto, con metodi come slice e proprietà come length.

Answer 3

Non c'è nulla di costruito in

Utilizzare un copiatrice proprietà ricorsiva ben testato o se isn prestazioni è un problema, serializza su JSON e analizza di nuovo un nuovo oggetto.

Answer 4

JQuery ha un metodo per estendere un oggetto (unendo due oggetti), ma questo metodo può anche essere utilizzato per clonare un oggetto fornendo un oggetto vuoto.

// Shallow copy 
var newObject = jQuery.extend({}, oldObject); 

// Deep copy 
var newObject = jQuery.extend(true, {}, oldObject); 

Maggiori informazioni si possono trovare nel jQuery documentation.

Answer 5

Con l'introduzione di mappe in JavaScript è abbastanza semplice considerando il costruttore accetta un iterabile:

var newMap = new Map(existingMap) 

documentazione qui: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

Answer 6

ho notato che mappa dovrebbe richiedere un trattamento speciale, quindi con tutti i suggerimenti questo thread, il codice sarà:

function deepClone(obj) { 
    if(!obj || true == obj) //this also handles boolean as true and false 
     return obj; 
    var objType = typeof(obj); 
    if("number" == objType || "string" == objType) // add your immutables here 
     return obj; 
    var result = Array.isArray(obj) ? [] : !obj.constructor ? {} : new obj.constructor(); 
    if(obj instanceof Map) 
     for(var key of obj.keys()) 
      result.set(key, deepClone(obj.get(key))); 
    for(var key in obj) 
     if(obj.hasOwnProperty(key)) 
      result[key] = deepClone(obj[ key ]); 
    return result; 
} 

Answer 7

Molto semplice per clonare una mappa poiché quello di cui stai parlando è jus t un oggetto. C'è un Map in ES6 che si dovrebbe guardare in alto, ma per copiare un oggetto, basta usare Object.assign()

let map = {"a": 1, "b": 2} 
let copy = Object.assign({}, map); 

È inoltre possibile utilizzare cloneDeep() da Lodash

let copy = cloneDeep(map);