Come si copia una mappa in una mappa duplicata? [duplicare]

Come faccio a clonare / copiare una mappa in JavaScript?

So come clonare un array ma come 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(); 

Un modo semplice (per eseguire una copia superficiale) è copiare ogni proprietà della mappa di origine nella mappa di destinazione:

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

NOTA: newMap [i] potrebbe benissimo essere un riferimento allo stesso oggetto di myMap [i]

Con l'introduzione di Maps in JavaScript è abbastanza semplice considerando che 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

Molto semplice clonare una mappa poiché quello di cui parli è solo un oggetto. C'è un Mapin ES6 che dovresti cercare, ma per copiare un oggetto, basta usareObject.assign()

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

Puoi anche usare cloneDeep()da Lodash

let copy = cloneDeep(map);

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

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

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

Ulteriori informazioni possono essere trovate nella documentazione di jQuery .

Non c'è niente di integrato.

Utilizzare un copiatore di proprietà ricorsivo ben testato o, se le prestazioni non sono un problema, serializzare in JSON e analizzare di nuovo un nuovo oggetto.

Non esiste un clone / copia integrato. 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 assegnate nuove proprietà. Una "mappa" come la chiami è in realtà solo un oggetto vuoto. Un Array è anche un oggetto, con metodi come slicee proprietà simili length.

Se è necessario creare una copia completa di una mappa, è possibile utilizzare quanto segue:

new Map(JSON.parse(JSON.stringify(Array.from(source))));

Dove source l'oggetto Map originale.

Tieni presente che potrebbe non essere adatto a tutti i casi d'uso in cui i valori della mappa non sono serializzabili, per maggiori dettagli vedi: https://stackoverflow.com/a/122704/10583071

Ho notato che Map dovrebbe richiedere un trattamento speciale, quindi con tutti i suggerimenti in 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;
}

Un modo nuovo ed elegante per farlo:

var map1 = {"a": "b"};
var map2 = {...map1};