深拷贝引用类型的全部方法（面试题）

目录

一、扩展运算符

二、JSON.parse(JSON.stringify())（序列化）

三、标准的深拷贝

---

一、扩展运算符

数组：

let arr = [1, 2]
let newArr = [...arr]
newArr.push(3)
console.log("旧的", arr)  // [1,2]
console.log("新的", newArr)  // [1, 2, 3]

对象：

let obj = {
    id: 1,
	name: "郑建",
}
let newObj = {...obj}
newObj.id = 2
console.log("旧的", obj)  // {id: 1, name: "郑建"}
console.log("新的", newObj)  // {id: 2, name: "郑建"}

注意： 上面这种情况只能用在引用变量数据为一层的情况 ， 如果

数组： arr = [[1, 2], [3, 4]]  这种二维数组   还是浅拷贝，   对象也是同理

二、JSON.parse(JSON.stringify())（序列化）

let arr = [
	{id: 1, name: "郑建"},
	{id: 2, name: "小郑"},
]
let newArr = JSON.parse(JSON.stringify(arr))
newArr[0].id = 999
console.log("旧的", arr)
console.log("新的", newArr)

 结果：

 实现思路： JSON.stringify()的是把对象编程字符串，变成了字符串就和原来的引用类型没有关系了，  然后再用JSON.parse()去掉字符串，

注意：这个只能解决80% 的深拷贝问题    

        因为   当类型为function 不能使用上面的这中方法

三、标准的深拷贝

代码示例：

function deepClone(source) {
    // 判断传入的数据是数组还是对象
    const targetObj = source.constructor === Array ? [] : {};
	for(let keys in source) {  // 遍历获取key  数组是索引，  对象是key值
		if(source.hasOwnProperty(keys)) {  // 判断有没有keys
			// 引用数据类型
			if(source[keys] && typeof source[keys] === 'object') {  // 如果是引用数据类型就  递归
				// 递归
				targetObj[keys] = this.deepClone(source[keys])
			}else {
				// 基本数字类型。直接赋值
				targetObj[keys] = source[keys];
			}
		}
	}
	return targetObj
}
let arr = [
    {id: 1, name: "郑建"},
	{id: 2, name: "小郑"},
]
var newArr = deepClone(arr)
newArr[0].id = 888
console.log("旧的", arr)
console.log("深拷贝新的", newArr)

结果： 

 够TM详细了吧   不点赞评论， 对不起我了