js拷贝对象的属性是什么

在JavaScript中，拷贝对象的属性是一种常见的操作，这通常涉及到将一个对象的属性复制到另一个对象中，以便在不修改原始对象的情况下使用或修改这些属性，本文将详细讲解如何使用不同的方法来拷贝JavaScript对象的属性。

1、使用Object.assign()方法

Object.assign()方法用于将一个或多个源对象的可枚举属性复制到目标对象，它将返回目标对象。

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3 };
Object.assign(obj2, obj1);
console.log(obj2); // 输出：{ c: 3, a: 1, b: 2 }

2、使用扩展运算符（spread operator）

扩展运算符（...）可以将一个对象的所有可枚举属性复制到一个新对象中。

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1 };
console.log(obj2); // 输出：{ a: 1, b: 2 }

3、使用for...in循环

for...in循环可以遍历一个对象的所有可枚举属性，我们可以使用这个循环来逐个复制属性。

const obj1 = { a: 1, b: 2 };
const obj2 = {};
for (const key in obj1) {
  if (obj1.hasOwnProperty(key)) {
    obj2[key] = obj1[key];
  }
}
console.log(obj2); // 输出：{ a: 1, b: 2 }

4、使用Object.keys()和reduce()方法

Object.keys()方法返回一个包含对象所有可枚举属性的数组，我们可以使用reduce()方法来将这些属性复制到一个新对象中。

const obj1 = { a: 1, b: 2 };
const obj2 = Object.keys(obj1).reduce((acc, key) => {
  acc[key] = obj1[key];
  return acc;
}, {});
console.log(obj2); // 输出：{ a: 1, b: 2 }

5、使用Object.getOwnPropertyNames()和reduce()方法

Object.getOwnPropertyNames()方法返回一个包含对象所有自有属性（包括不可枚举属性）的数组，我们可以使用reduce()方法来将这些属性复制到一个新对象中。

const obj1 = { a: 1, b: 2, c: 3 };
Object.defineProperty(obj1, 'd', { value: 4, enumerable: false });
const obj2 = Object.getOwnPropertyNames(obj1).reduce((acc, key) => {
  acc[key] = obj1[key];
  return acc;
}, {});
console.log(obj2); // 输出：{ a: 1, b: 2, c: 3, d: 4 }

6、使用JSON.parse()和JSON.stringify()方法

这种方法首先将对象转换为JSON字符串，然后将该字符串解析为新对象，这种方法只能复制对象的可枚举属性，且不能复制函数和原型链。

const obj1 = { a: 1, b: 2 };
const obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2); // 输出：{ a: 1, b: 2 }

JavaScript中有多种方法可以拷贝对象的属性，选择哪种方法取决于你的需求和场景，如果你只需要复制可枚举属性，可以使用Object.assign()方法、扩展运算符或JSON.parse()和JSON.stringify()方法，如果你需要复制所有自有属性，可以使用for...in循环、Object.keys()和reduce()方法或Object.getOwnPropertyNames()和reduce()方法。