js同一个对象深拷贝放进数组

在JavaScript中，如果要将同一个对象进行深拷贝并放入数组中，可以使用以下方法：

1.使用JSON.stringify()和JSON.parse()进行序列化和反序列化：
首先，使用JSON.stringify()将对象转换为字符串，再使用JSON.parse()将字符串转换为新的对象。由于这是深拷贝，所以新创建的对象与原始对象是完全独立的。最后，将新的对象添加到数组中。代码示例如下：

let obj = { name: "张三", age: 20 };
let copiedObj = JSON.parse(JSON.stringify(obj));

let arr = [];
arr.push(copiedObj);

2.使用Object.assign()进行拷贝：
使用Object.assign()方法可以将一个或多个对象的属性拷贝到目标对象中。在这种情况下，我们可以将目标对象设置为空对象{}，然后使用Object.assign()将原始对象的属性拷贝到目标对象中。这样也可以实现深拷贝。最后，将目标对象添加到数组中。代码示例如下：

let obj = { name: "张三", age: 20 };
let copiedObj = Object.assign({}, obj);

let arr = [];
arr.push(copiedObj);

需要注意的是，以上两种方法都是针对简单对象的深拷贝。对于包含函数、原型链等特殊情况的对象，可能需要其他的处理方式。

相关问题

js深拷贝 数组对象

你可以使用以下方法来进行 JavaScript 中的深拷贝数组和对象：

1. 使用 JSON.parse 和 JSON.stringify：这是一种简单的方法，它将对象转换为字符串，然后再将字符串解析为新的对象。这种方法适用于没有函数和循环引用的简单对象和数组。

let originalArray = [1, 2, 3];
let clonedArray = JSON.parse(JSON.stringify(originalArray));

let originalObject = { name: 'John', age: 30 };
let clonedObject = JSON.parse(JSON.stringify(originalObject));

2. 使用递归函数：这是一种更通用的深拷贝方法，可以处理任意复杂度的对象和循环引用情况。

function deepClone(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  
  let clone = Array.isArray(obj) ? [] : {};
  
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      clone[key] = deepClone(obj[key]);
    }
  }
  
  return clone;
}

let originalArray = [1, 2, { foo: 'bar' }];
let clonedArray = deepClone(originalArray);

let originalObject = { name: 'John', age: 30, hobbies: ['reading', 'painting'] };
let clonedObject = deepClone(originalObject);

请注意，如果对象中包含函数、正则表达式、日期等特殊类型的值，这些值在深拷贝过程中可能会丢失或转换为其他类型。

js 数组对象深拷贝

在JavaScript中，数组对象的深拷贝通常需要特殊的处理，因为JavaScript的默认浅拷贝会保留引用，而不是复制值本身。这意味着如果数组中有对象作为元素，它们会被共享，而不是创建新的副本。以下是几种实现数组深拷贝的方法：

1. 使用`JSON.parse()`和`JSON.stringify()`: 这种方法适用于所有的JavaScript数据结构，包括数组。先将数组转换为JSON字符串，然后再解析回一个新的数组。

function deepCopyArray(arr) {
   return JSON.parse(JSON.stringify(arr));
}

2. 利用扩展运算符 `...` 和 `slice()`：这种方法利用了扩展运算符和数组的`slice()`方法创建新数组。

function deepCopyArray(arr) {
   return [...arr];
}

3. 使用递归函数：遍历数组并检查每个元素是否也是数组，如果是则递归地进行深拷贝。

function deepCopyArray(arr) {
   return arr.map(item => Array.isArray(item) ? deepCopyArray(item) : item);
}