Sobes.tech
Middle

Welke methoden of tools kunt u gebruiken om een object in JavaScript te kopiëren?

sobes.tech AI

Antwoord van AI

  • Oppervlakkige kopie:

    • Spread-operator (...)
    • Object.assign()
    const original = { a: 1, b: { c: 2 } };
    
    // Spread
    const copySpread = { ...original };
    console.log(copySpread); // { a: 1, b: { c: 2 } }
    
    // Object.assign
    const copyAssign = Object.assign({}, original);
    console.log(copyAssign); // { a: 1, b: { c: 2 } }
    
  • Diepe kopie:

    • JSON.parse(JSON.stringify(obj)) (beperkingen: werkt niet met functies, undefined, Symbol, BigInt, cyclische verwijzingen)
    • Gestructureerde kloon (structuredClone())
    const original = { a: 1, b: { c: 2 }, d: function() {} };
    
    // JSON.parse(JSON.stringify())
    const copyJson = JSON.parse(JSON.stringify(original));
    console.log(copyJson); // { a: 1, b: { c: 2 } }
    
    // structuredClone
    const copyStructured = structuredClone(original);
    console.log(copyStructured); // { a: 1, b: { c: 2 }, d: function() {} }