Bir Haritayı Yinelenen Bir Haritaya Nasıl Kopyalarım? [çiftleme]

JavaScript'te bir haritayı nasıl klonlarım / kopyalarım?

Bir diziyi nasıl klonlayacağımı biliyorum ama bir haritayı nasıl klonlarım / kopyalarım?

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

Basit bir yol (sığ bir kopya yapmanın), kaynak haritanın her bir özelliğini hedef haritaya kopyalamaktır:

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

NOT: newMap [i], myMap [i] ile aynı nesneye çok iyi bir referans olabilir.

Haritalar'ın JavaScript'te sunulmasıyla, kurucunun yinelenebilir bir şeyi kabul ettiğini düşünmek oldukça basit:

var newMap = new Map(existingMap)

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

Bahsettiğiniz şey sadece bir nesne olduğu için bir haritayı klonlamak çok basit. Bir Orada Mapsen, sadece kullanım bakmak gerekir, ancak bir nesneyi kopyalamak için bu ES6 içindeObject.assign()

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

cloneDeep()Lodash'tan da kullanabilirsiniz

let copy = cloneDeep(map);

JQuery, bir nesneyi genişletmek için (iki nesneyi birleştirmek) için bir yönteme sahiptir, ancak bu yöntem, boş bir nesne sağlayarak bir nesneyi klonlamak için de kullanılabilir.

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

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

JQuery belgelerinde daha fazla bilgi bulunabilir .

Yerleşik hiçbir şey yok.

İyi test edilmiş bir özyinelemeli özellik kopyalayıcı kullanın veya performans bir sorun değilse, JSON'a serileştirin ve yeni bir nesneye yeniden ayrıştırın.

Yerleşik klon / kopya yoktur. Sığ veya derin kopya olarak kendi yönteminizi yazabilirsiniz:

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

Javascript'teki tüm nesneler dinamiktir ve yeni özellikler atanabilir. Sizin bahsettiğiniz şekliyle bir "harita" aslında sadece boş bir nesnedir. Bir Dizi aynı zamanda gibi yöntemler sliceve benzeri özelliklere sahip bir nesnedir length.

Bir Haritanın derin bir kopyasını almanız gerekiyorsa, aşağıdakileri kullanabilirsiniz:

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

Nerede sourceOrijinal Harita nesnesi .

Bunun, Harita değerlerinin serileştirilemediği tüm kullanım durumları için uygun olmayabileceğini unutmayın, daha fazla ayrıntı için bkz .: https://stackoverflow.com/a/122704/10583071

Haritanın özel işlem gerektirmesi gerektiğini fark ettim, bu nedenle bu başlıktaki tüm önerilerle birlikte kod şöyle olacaktır:

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

Bunu yapmanın yeni ve zarif bir yolu:

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