Clone/copie d'une Carte d'instance

Comment puis-je clone/copie d'une carte en JavaScript?

Je sais comment cloner un tableau mais comment puis-je clone/copie d'une carte?

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();
  • ES6 vous permet de let copy = {...myMap};
InformationsquelleAutor sazr | 2011-11-21
  1. 11

    Un moyen simple (faire une copie superficielle) est de copier chaque propriété de la source de la carte à la carte:

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

    REMARQUE: newMap[i] pourrait très bien être une référence au même objet que myMap[i]

    • c'est une copie seulement que... si myMap[i] est une carte en elle-même?
    • Stefano, vous pouvez le faire si vous le souhaitez (cochez s'il s'agit d'un objet avec typeof, puis d'effectuer une copie de ses propriétés...peut-être par recursing la même fonction), mais gardez à l'esprit que vous devez être préoccupé par la possibilité d'être un élément ancêtre dans leur qui vous mettrait dans une boucle infinie. Si vous voulez vraiment une copie en profondeur, vous voudrez peut-être chercher dans les bibliothèques pour le faire.
    • Je sais, mais je pense que vous devriez avoir écrit dans votre réponse à la première place 😉
    • Ce n'est pas une Carte mais un Objet. Les petites et suble différence. cf. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
    • Il ne sera pas de copie de chaque propriété, vous n'aurez pas l'accès à des setters et getters comme un objet
    InformationsquelleAutor rob
  2. 206

    Avec l'introduction de Cartes en JavaScript, il est assez simple en considérant le constructeur accepte un objet iterable:

    var newMap = new Map(existingMap)

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

    • Un petit bémol à la ci-dessus: le Clonage d'une carte comme ça, va appeler Map.prototype.entries et Map.prototype.set. Cela signifie: Si vous écrivez une classe qui étend la classe Map et remplace l'une de ces deux méthodes, alors il suffit de la rédaction new ExtendedMap( extendedMapObj ) ne fonctionnera pas si l'étendue des méthodes s'appuient sur des propriétés qui ne sont pas disponibles pour le super.
    InformationsquelleAutor tswaters
  3. 7

    JQuery a une méthode à l'extension d'un objet (la fusion de deux objets), mais cette méthode peut également être utilisé pour cloner un objet en fournissant un objet vide.

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

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

    Plus d'informations peuvent être trouvées dans le jQuery documentation.

    InformationsquelleAutor Pastor Bones
  4. 4

    Très simple de cloner une carte, car ce dont vous parlez, c'est juste un objet. Il y a un Map dans l'ES6 que vous devriez regarder, mais pour copier un objet, il suffit d'utiliser Object.assign()

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

    Vous pouvez également utiliser cloneDeep() de Lodash

    let copy = cloneDeep(map);
    InformationsquelleAutor Joshua Michael Calafell
  5. 2

    Il n'y a rien de construit dans.

    Soit d'utiliser un bien testé récursive de la propriété à la photocopieuse ou si la performance n'est pas un problème, serialise en JSON et analyser de nouveau à un nouvel objet.

    InformationsquelleAutor alex
  6. 2

    Il n'est pas intégré dans le clone/copie. Vous pouvez écrire votre propre méthode, soit en surface ou en profondeur copie:

    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;
}

    Tous les objets en Javascript sont dynamiques et peuvent être affectés de nouvelles propriétés. Une "carte" comme vous référer à la il est en fait juste un objet vide. Un Tableau est aussi un objet, avec des méthodes telles que slice et des propriétés comme length.

    • Ne pas comprendre quelle est la différence entre les 2 fonctions que vous avez écrit!
    • La différence n'est pas mis en œuvre; une copie en profondeur, vous devez recurse (appel propriétédeepcopy pour chaque enfant), mais parce que les enfants peuvent contenir une référence à la société mère (par exemple la fenêtre.window2 = fenêtre), vous ne pouvez pas copie en profondeur ces références sans entrer dans une boucle sans fin.
    InformationsquelleAutor Nicole
  7. 1

    J'ai remarqué que la Carte devrait exiger un traitement spécial, donc avec toutes les suggestions dans ce fil, le code sera: 

    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;
}
    InformationsquelleAutor Dmitriy Pichugin
  8. 0

    Si vous avez besoin de faire une copie d'une Carte, vous pouvez utiliser les éléments suivants:

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

    Où source est la Carte originale de l'objet.

    Remarque: cela peut ne pas être approprié pour tous les cas d'utilisation où les valeurs de la Carte ne sont pas sérialisables, pour plus de détails, voir: https://stackoverflow.com/a/122704/10583071

    InformationsquelleAutor robdc