递归实现深拷贝:可拷贝对象,数组,RegExp对象,基本数据类型。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function deepClone(target) {
// 定义一个变量
let result
// 如果当前需要深拷贝的是一个对象的话
if (typeof target === 'object') {
// 如果是一个数组的话
if (Array.isArray(target)) {
result = [] // 将result赋值为一个数组,并且执行遍历
for (let i in target) {
// 递归克隆数组中的每一项
result.push(deepClone(target[i]))
}
// 判断如果当前的值是null的话;直接赋值为null
} else if (target === null) {
result = null
// 判断如果当前的值是一个RegExp对象的话,直接赋值
} else if (target.constructor === RegExp) {
result = target
} else {
// 否则是普通对象,直接for in循环,递归赋值对象的所有值
result = {}
for (let i in target) {
result[i] = deepClone(target[i])
}
}
// 如果不是对象的话,就是基本数据类型,那么直接赋值
} else {
result = target
}
// 返回最终结果
return result
}
let arr1 = [1, 2, 3, 4, 5]
arr2 = deepClone(arr1);
arr2[0] = 999;
console.log('arr1', arr1); //[1, 2, 3, 4, 5]
console.log('arr2', arr2); //[999, 2, 3, 4, 5]
let obj1 = { name: "jacky", age: 999 }
obj2 = deepClone(obj1);
obj2.name = "cwm"
console.log('obj1', obj1); //{name:"jacky",age:999}
console.log('obj2', obj2); //{name:"cwm",age:999}
</script>
</body>
</html>