如何将一张地图复制到另一张地图？

Question

如何在 JavaScript 中克隆/复制 Map？

我知道如何克隆数组，但如何克隆/复制 Map ？

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

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

var newMap = new Map(existingMap)

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

Answer 2

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

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

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

Answer 3

如果您需要制作 Map 的深层副本，可以使用以下命令：

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

其中 source 是原始 Map 对象。

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

Answer 4

非常简单，只需使用 Object.assign()

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

// Or

const copy = Object.assign({}, {'a': 1, 'b': 2});

Answer 5

JQuery 有一个方法来扩展一个对象（合并两个对象），但是这个方法也可以用于通过提供一个空对象来克隆一个对象。

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

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

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

Answer 6

没有内置任何内容。

要么使用经过良好测试的递归属性复制器，要么如果性能不是问题，则序列化为 JSON 并再次解析为新对象。

Answer 7

没有内置（编辑：DEEP）克隆/复制。您可以编写自己的方法来浅复制或深复制：

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

[编辑]浅复制是内置的，使用Object.assign：

let result = Object.assign({}, obj);

全部Javascript 中的对象是动态的，并且可以分配新的属性。您所指的“地图”实际上只是一个空对象。数组也是一个对象，具有slice等方法和length等属性。

Answer 8

我注意到 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;
}