ฉันจะคัดลอกแผนที่ลงในแผนที่ซ้ำได้อย่างไร [ซ้ำ]

ฉันจะโคลน / คัดลอกแผนที่ใน 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 มันค่อนข้างง่ายเมื่อพิจารณาว่าตัวสร้างยอมรับการทำซ้ำ:

var newMap = new Map(existingMap)

เอกสารที่นี่: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

ง่ายมากในการโคลนแผนที่เนื่องจากสิ่งที่คุณกำลังพูดถึงเป็นเพียงวัตถุ มีMapES6 ใน ES6 ที่คุณควรค้นหา แต่หากต้องการคัดลอกวัตถุให้ใช้ไฟล์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 เป็นแบบไดนามิกและสามารถกำหนดคุณสมบัติใหม่ได้ "แผนที่" ตามที่คุณอ้างถึงนั้นแท้จริงแล้วเป็นเพียงวัตถุว่างเปล่า อาร์เรย์เป็นยังวัตถุที่มีวิธีการเช่นและคุณสมบัติเช่นslicelength

หากคุณต้องการทำสำเนาแผนที่แบบละเอียดคุณสามารถใช้สิ่งต่อไปนี้:

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

sourceวัตถุแผนที่ดั้งเดิมอยู่ที่ไหน

โปรดทราบว่าสิ่งนี้อาจไม่เหมาะสำหรับทุกกรณีการใช้งานที่ค่าแผนที่ไม่สามารถต่อเนื่องได้สำหรับรายละเอียดเพิ่มเติมโปรดดู: https://stackoverflow.com/a/122704/10583071

ฉันสังเกตเห็นว่าแผนที่ควรต้องได้รับการดูแลเป็นพิเศษดังนั้นด้วยคำแนะนำทั้งหมดในชุดข้อความนี้รหัสจะเป็น:

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