<!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>
</body>
<script>
// 1.递归
function deepCopy(obj) {
if (typeof obj !== "object" || obj === null) {
return obj;
}
var result = obj.constructor();
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
result[key] = deepCopy(obj[key]);
}
}
return result;
}
// 2.JSON 序列化反序列化方法(不支持函数和 undefined)
function deepCopy(obj) {
return JSON.parse(JSON.stringify(obj));
}
// 3.Object.create 方法
function deepCopy(obj) {
var copy = Object.create(Object.getPrototypeOf(obj));
var propNames = Object.getOwnPropertyNames(obj);
propNames.forEach(function (name) {
var desc = Object.getOwnPropertyDescriptor(obj, name);
Object.defineProperty(copy, name, desc);
if (desc.value !== null && typeof desc.value === "object") {
copy[name] = deepCopy(desc.value);
}
});
return copy;
}
// 4.使用递归和 Array.isArray 检测数组
function deepCopy(obj) {
if (typeof obj !== 'object') {
return obj;
}
if (Array.isArray(obj)) {
var newArr = [];
for (var i = 0; i < obj.length; i++) {
newArr[i] = deepCopy(obj[i]);
}
return newArr;
}
var newObj = {};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
newObj[key] = deepCopy(obj[key]);
}
}
return newObj;
}
// 5.使用 for...in 和 hasOwnProperty 检测对象
function deepCopy(obj) {
var newObj = {};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (typeof obj[key] === 'object' && obj[key] !== null) {
newObj[key] = deepCopy(obj[key]);
} else {
newObj[key] = obj[key];
}
}
}
return newObj;
}
// 6.使用递归和 Object.prototype.toString 检测对象
function deepCopy(obj) {
var newObj = {};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (Object.prototype.toString.call(obj[key]) === '[object Object]' ||
Object.prototype.toString.call(obj[key]) === '[object Array]') {
newObj[key] = deepCopy(obj[key]);
} else {
newObj[key] = obj[key];
}
}
}
return newObj;
}
</script>
</html>