深浅拷贝

浅拷贝与深拷贝：JavaScript对象复制技巧

最新推荐文章于 2025-08-02 12:34:41 发布

原创最新推荐文章于 2025-08-02 12:34:41 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了JavaScript中浅拷贝（Object.assign和Array.prototype.slice）的区别，以及如何通过JSON.stringify进行深拷贝。了解这两种操作在对象和数组修改后的不同效果，以及实际应用场景中的优劣。

浅拷贝

Object.assign() //es6的方法
Object.assign会合并对象生成一个新对象。如果对象的属性是普通类型改变之后新对象不会改变，如果是引用类型改变后新对象也会改变，所以Object.assign实际上还是浅拷贝。
// assign浅拷贝
// var obj = { obj1: { a: “hahahahaha”, b: 39 } };
// var obj1v =
// Object.assign({}, obj);
// obj1v.obj1.a = “gagagagagagaga”;
// console.log(obj.obj1.a);
在这里插入图片描述

    // concat
    // let arr = [1, 3, { username: 'AAA' }];
    // let arr2 = arr.concat();
    // arr2[2].username = 'songzijun';
    // console.log(arr);

!](https://img-blog.csdnimg.cn/20201208220551966.png)

  Array.prototype.slice()
    let arr = [1, 3, { username: ' songzijun' }];
    let arr2 = arr.slice();
    arr2[2].username = 'aaa'
    console.log(arr);

在这里插入图片描述

###深拷贝

JSON.parse(JSON.stringify(obj))
利用JSON.stringify(obj)将对象先转为json字符串，再JSON.parse(）转回为json对象可以实现深拷贝，这也是比较常用的一种方法。
let arr = [1, 3, { username: ’ SONGZIJUN’ }];
let arr2 = JSON.parse(JSON.stringify(arr));
arr2[2].username = ‘aaaa’;
console.log(arr, arr2) 在这里插入图片描述