Sao chép / sao chép một phiên bản Bản đồ

Làm cách nào để sao chép / sao chép bản đồ trong JavaScript?

Tôi biết cách sao chép một mảng nhưng làm cách nào để sao chép / sao chép bản đồ?

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

Một cách đơn giản (để sao chép nông) là sao chép từng thuộc tính của bản đồ nguồn vào bản đồ đích:

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

LƯU Ý: newMap [i] rất có thể là một tham chiếu đến cùng một đối tượng như myMap [i]

Với sự ra đời của Maps trong JavaScript, nó khá đơn giản khi xem xét hàm tạo chấp nhận một tệp có thể lặp lại:

var newMap = new Map(existingMap)

Tài liệu tại đây: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

Rất đơn giản để sao chép bản đồ vì những gì bạn đang nói chỉ là một đối tượng. Có một Maptrong ES6 mà bạn nên tra cứu, nhưng để sao chép một đối tượng, chỉ cần sử dụngObject.assign()

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

Bạn cũng có thể sử dụng cloneDeep()từ Lodash

let copy = cloneDeep(map);

JQuery có một phương thức để mở rộng một đối tượng (hợp nhất hai đối tượng), nhưng phương thức này cũng có thể được sử dụng để sao chép một đối tượng bằng cách cung cấp một đối tượng trống.

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

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

Bạn có thể tìm thêm thông tin trong tài liệu jQuery .

Không có gì được xây dựng trong.

Sử dụng máy photocopy thuộc tính đệ quy đã được kiểm tra tốt hoặc nếu hiệu suất không phải là vấn đề, hãy tuần tự hóa thành JSON và phân tích cú pháp lại thành một đối tượng mới.

Không có bản sao / bản sao cài sẵn. Bạn có thể viết phương pháp của riêng mình vào bản sao nông hoặc sâu:

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

Tất cả các đối tượng trong Javascript là động và có thể được gán các thuộc tính mới. Một "bản đồ" như bạn đề cập đến nó thực sự chỉ là một đối tượng rỗng. Mảng cũng là một đối tượng, với các phương thức như slicevà các thuộc tính như length.

Nếu bạn cần tạo một bản sao sâu của Bản đồ, bạn có thể sử dụng các cách sau:

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

Trong trường hợp sourcelà đối tượng Bản đồ gốc.

Lưu ý rằng điều này có thể không phù hợp cho tất cả các trường hợp sử dụng mà các giá trị Bản đồ không thể tuần tự hóa, để biết thêm chi tiết, hãy xem: https://stackoverflow.com/a/122704/10583071

Tôi nhận thấy rằng Bản đồ cần được xử lý đặc biệt, do đó với tất cả các đề xuất trong chuỗi này, mã sẽ là:

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

Một cách mới và thanh lịch để làm điều này:

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