克隆/复制地图实例

如何在JavaScript中克隆/复制地图？

我知道如何克隆数组，但是如何克隆/复制地图？

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

一种简单的方法（进行浅表复制）是将源映射的每个属性复制到目标映射：

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

注意：newMap [i]很可能是对与myMap [i]相同对象的引用

随着JavaScript中Maps的引入，考虑到构造函数接受可迭代，这非常简单：

var newMap = new Map(existingMap)

此处的文档：https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map

克隆地图非常简单，因为您所谈论的只是一个对象。MapES6中有一个您应该查找的，但是要复制一个对象，只需使用Object.assign()

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

您也可以cloneDeep()从Lodash使用

let copy = cloneDeep(map);

jQuery具有扩展对象（合并两个对象）的方法，但是该方法也可以通过提供空对象来克隆对象。

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

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

可以在jQuery文档中找到更多信息。

没有内置的东西。

请使用经过良好测试的递归属性复印机，或者如果性能不成问题，请序列化为JSON并再次解析为新对象。

没有内置的克隆/副本。您可以编写自己的方法来浅拷贝或深拷贝：

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中的所有对象都是动态的，可以分配新的属性。您所指的“地图”实际上只是一个空对象。Array也是一个对象，具有诸如slice和属性之类的方法length。

如果您需要复制地图的深层副本，可以使用以下方法：

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

source原始Map对象在哪里。

请注意，这可能不适用于Map值不可序列化的所有用例，有关更多详细信息，请参见：https : //stackoverflow.com/a/122704/10583071

我注意到Map应该需要特殊对待，因此在该线程中的所有建议下，代码将是：

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

一种新颖而优雅的方法：

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