克隆JS对象的JavaScript程序

在 JavaScript 中，有时需要对对象进行克隆以便于复制或者修改对象而不影响原始的对象。本篇介绍如何写一个 JavaScript 程序来克隆 JS 对象。

实现方法

要实现对象克隆，我们可以使用以下两种方法：

1. 浅拷贝

浅拷贝会创建一个新的对象，但它只复制了原始对象的基本属性，而没有复制对象中的嵌套对象。浅拷贝的实现方法非常简单，我们只需要使用 Object.assign() 方法即可：

const originalObject = { a: 1, b: 2, c: { d: 3 } };

const clonedObject = Object.assign({}, originalObject);

2. 深拷贝

深拷贝也会创建一个新的对象，但它会递归地复制所有嵌套对象，包括数组和对象内的嵌套对象。因为这种方法在递归时需要访问大量的数据，所以可能会影响性能。以下是一个可以实现深拷贝的函数：

function deepClone(obj) {
    let clone = {};
        
    for (let key in obj) {
        if (typeof obj[key] === 'object') {
            clone[key] = deepClone(obj[key]);
        } else {
            clone[key] = obj[key];
        }
    }
        
    return clone;
}

示例

以下是一个使用克隆函数的示例：

const originalObject = { a: 1, b: 2, c: { d: 3 } };

const clonedObject = deepClone(originalObject);

console.log(originalObject); // { a: 1, b: 2, c: { d: 3 } }
console.log(clonedObject); // { a: 1, b: 2, c: { d: 3 } }

clonedObject.a = 4;
clonedObject.c.d = 5;

console.log(originalObject); // { a: 1, b: 2, c: { d: 3 } }
console.log(clonedObject); // { a: 4, b: 2, c: { d: 5 } }

如上所示，我们克隆了 originalObject 并修改了克隆的对象。由于克隆的对象是独立的，因此对它的修改不会影响原始对象。

总结

JavaScript 对象克隆是一种很实用的功能，可以帮助我们修改对象时不影响原始数据。我们可以使用浅拷贝和深拷贝两种方法对对象进行克隆。基本属性可以使用浅拷贝方式进行克隆，而包含嵌套对象、数组和对象内的嵌套对象的对象可以使用深拷贝方式进行克隆。