在JavaScript中，拷贝是我们日常开发中高频用到的操作，但hen多小伙伴会被“浅拷贝”和“深拷贝”搞晕——为什么有时候修改原对象，新对象也跟着变？有时候却完全不受影响？

其实答案hen简单：拷贝只针对引用类型，基本类型不存在“深浅”一说。

今天我们就结合具体代码，把浅拷贝和深拷贝讲透。

浅拷贝的特点：只拷贝原对象的第一层属性。Ru果原对象的属性值是引用类型，那么拷贝的不是值，而是这个子对象的内存地址——也就是说原对象和新对象的子引用类型，共用同一个“空间”，修改其中一个，另一个会跟着变。

const obj = { name: '跳跳虎', like: // 子属性是数组}const newObj = Object.assign // 浅拷贝obj到新对象obj.like.push // 修改原对象的子数组console.log; // 输出：{name: '跳跳虎', like: }

🔍 解析：Object.assign 会将source对象的属性拷贝到target对象，返回target。这里target是空对象，相当于创建了一个新对象，拷贝原对象的第一层属性。子数组like是引用类型，拷贝的是地址，所以修改原对象的like，newObj的like也会变。

. Object.assign

. 数组的slice方法

. 数组的 运算符

const a = let c = // 用 运算符浅拷贝数组aa.age = 20 // 修改原数组中的子对象属性console.log; // 输出：

🔍 解析： 运算符是Zui简洁的数组浅拷贝方式之一，原理和slice一致，只拷贝第一层。子对象依然是共用地址，修改原对象子属性，新对象会受影响。

const obj = { name: '跳跳虎', age: 18, like: { n: '侦探', m: '蹦蹦跳跳' }}// 自定义浅拷贝函数function shallowCopy { let o = {} // 创建新对象 // 遍历原对象，拷贝第一层属性 for { if ) { // 排除原型链上的属性 o = obj // 引用类型拷贝地址，基本类型拷贝值 } } return o}const newObj = shallowCopyobj.like.m = '麦芽糖' // 修改原对象的子对象属性console.log; // 输出：like.m 也变成了'麦芽糖'

🔍 解析：手动实现的浅拷贝逻辑hen简单——创建新对象，遍历原对象的自身属性，将属性值赋值给新对象。和内置方法一样，子引用类型拷贝的是地址，会受原对象影响。

深拷贝的特点：层层拷贝，直到所有层级的属性dou是基本类型。新对象和原对象完全独立，修改原对象的任何属性，新对象dou不会有任何变化——相当于“复制粘贴”了一整个对象，连里面的“小零件”dou复制了一份。

. JSON.parse)

. structuredClone

const obj = { name: '跳跳虎', age: 18, like: { n: '侦探', m: '蹦蹦跳跳' }, say { console.log; }, a: undefined, // undefined类型 b: null, c: NaN, // NaN类型 d: Infinity // 无穷大类型}const oo = JSON.parse) // 深拷贝obj.like.m = '麦芽糖' // 修改原对象console.log; // 输出：{name: '跳跳虎', age:18, like:{n:'侦探',m:'蹦蹦跳跳'}, b:null, c:null, d:null}

🔍 解析：这是Zui常用的“民间深拷贝方法”，原理是：先将对象转为JSON字符串，再将字符串转回对象，相当于重新创建了一个完全独立的对象。

const obj = { name: '跳跳虎', age: 18, date: new Date, map: new Map, say { console.log; }}const newObj = structuredClone // 深拷贝objobj.date.setFullYear // 修改原对象的Date属性console.log; // 输出：date依然是原日期// 注意：say函数被忽略，map被正常拷贝

🔍 解析：structuredClone 是ES2022新增的深拷贝方法，用法简单，Neng处理大部分引用类型，支持BigInt类型，且Neng正确处理循环引用。

const obj = { name: 'xxx', info:{ age:, hobby: } }// 自定义递归深拷贝函数function deepClone { if return obj; let copyObj = Array.isArray? : {}; for{ if){ copyObj = deepClone } } return copyObj;}const newObj=deepCloneobj.info.hobby.pushconsole.log拷贝的选择与

. 基本类型不用纠结深浅拷贝，赋值就是拷贝值；

. 拷贝方 法 选择 : 根据需求选，根据实际情况选择合适的方法。Ru果只是简单场景，用浅拷贝；Ru果需要完全独立的对象，就用深拷贝。