JS如何深度复制对象和数组，避免指针变量引用修改值

你挚爱的强哥

于 2021-11-04 23:29:41 发布

阅读量6k

点赞数 1

分类专栏： JavaScript&TypeScript 文章标签： javascript ecmascript JSON.parse JSON.stringify 深度复制对象和数组

随意拷贝莫问题，但是有一点！请务必备注“你挚爱的强哥出品~么么哒”！

本文链接：https://blog.csdn.net/qq_37860634/article/details/121153910

版权

本文探讨了JavaScript中如何深度复制对象和数组以防止原对象被修改。通过使用`JSON.parse(JSON.stringify(objectOrArray))`的方法，可以实现内存地址变更，有效避免指针变量的问题。这种方法避免了手动创建复制方法的冗余，同时解释了为何直接赋值会导致原始对象和数组被影响，因为JavaScript中的Object和Array实际上是存储内存地址的指针类型。

摘要由CSDN通过智能技术生成

//自定义深度复制对象or数组的递归方法----------------------------------------
let copyObjOrArr = o => {
    let isArray = o instanceof Array;
    let isObject = o instanceof Object;
    if (!isObject) return o;     
    let n = (isArray ? [] : {});
    for (let k in o) n[k] = copyObjOrArr(o[k]);     
    return n;
}

//测试----------------------------------------

var obj={a:1};
var arr=[1,2,3];
var obj_new =copyObjOrArr(obj);
var arr_new =copyObjOrArr(arr);

console.log(obj_new);
console.log(arr_new);