JavaScript克隆对象

在JavaScript中，对象是一些有序属性的集合。当你想要复制一个对象时，你需要确保你复制的是一个新的对象，而不是引用原对象。本文将介绍在JavaScript中如何克隆对象。

克隆一个普通的对象

你可以使用Object.assign方法克隆一个对象。Object.assign方法将一个或多个源对象的属性复制到目标对象中。它返回目标对象，即复制的对象。

const source = { name: 'John', age: 30, city: 'New York' };
const clone = Object.assign({}, source);
console.log(clone); // { name: 'John', age: 30, city: 'New York' }

在这个例子中，我们创建了一个名为source的对象，其中包含name，age和city属性。然后，我们使用Object.assign方法克隆该对象并将克隆的对象存储在名为clone的变量中。最后，我们输出clone对象的内容。

克隆一个对象数组

如果你想要克隆一个对象数组，你需要使用Array.map方法。Array.map方法返回一个新数组，其元素为调用函数时返回的值。在这种情况下，我们将每个对象克隆成一个新对象。

const source = [{ name: 'John', age: 30, city: 'New York' }, { name: 'Jane', age: 25, city: 'Paris' }];
const clone = source.map(obj => ({ ...obj }));
console.log(clone); // [{ name: 'John', age: 30, city: 'New York' }, { name: 'Jane', age: 25, city: 'Paris' }]

在这个例子中，我们创建了一个名为source的对象数组，其中包含两个对象。然后，我们使用Array.map方法来遍历数组并克隆每个对象。我们使用ES6扩展运算符{...obj}来复制每个对象的属性。最后，我们输出克隆的数组。

克隆一个嵌套的对象

如果你的对象包含其他对象，你需要递归地克隆所有子对象。你可以编写一个递归函数来完成这个任务。在每个递归级别上，我们将对象的每个属性克隆到一个新对象上。

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

const source = { name: 'John', age: 30, address: { city: 'New York', country: 'USA' } };
const clone = deepClone(source);
console.log(clone); // { name: 'John', age: 30, address: { city: 'New York', country: 'USA' } }

在这个例子中，我们定义了一个名为deepClone的递归函数。该函数接受一个对象作为参数，并返回一个克隆对象。首先，我们创建一个新对象clone。然后，我们使用for...in循环遍历每个属性。如果属性的值是一个对象，我们递归调用deepClone函数来克隆该对象。否则，我们直接复制属性值。最后，我们返回clone对象。

结论

在JavaScript中，你可以使用Object.assign和Array.map方法以及递归函数来克隆对象。当你想要复制一个对象时，必须确保你复制的是一个新的对象，而不是引用原对象。