深拷贝 浅拷贝 js

深拷贝和浅拷贝是在编程中常用的两种对象复制方式，而JS是一种常用的脚本语言。

深拷贝是指创建一个新的对象，将原始对象的所有属性逐个复制到新对象中，包括嵌套对象。这样，新对象和原始对象是完全独立的，修改新对象不会影响原始对象。深拷贝可以通过递归遍历对象的属性来实现。

浅拷贝是指创建一个新的对象，将原始对象的属性值复制到新对象中。如果属性值是基本类型（如数字、字符串等），则直接复制；如果属性值是引用类型（如数组、对象等），则复制的是引用，新对象和原始对象共享同一个引用。因此，修改新对象的引用类型属性会影响原始对象。

在JavaScript中，可以使用不同的方法实现深拷贝和浅拷贝。常见的深拷贝方法包括使用JSON.stringify和JSON.parse来实现，或者使用递归遍历对象的属性进行复制。而浅拷贝可以使用Object.assign或展开运算符（...）来实现。

相关问题

javascript 深拷贝浅拷贝

在 JavaScript 中，深拷贝和浅拷贝是两种不同的对象复制方式。

浅拷贝是指将原对象的引用复制到新对象中，新对象只是原始对象的一个浅表副本。也就是说，对新对象所做的更改也会反映到原始对象中。JavaScript 中最常见的浅拷贝方式是 Object.assign() 和展开运算符（...）。

深拷贝是指将原始对象及其所有属性和嵌套属性的值都完全复制到新对象中。换句话说，新对象和原始对象是完全独立的。JavaScript 中常见的深拷贝方式包括 JSON.parse(JSON.stringify(obj)) 和使用第三方库（如 Lodash 的 _.cloneDeep() 方法）。

需要注意的是，深拷贝有时会因为循环引用而导致问题。如果一个对象的属性指向自身或者指向其父级对象，则深拷贝可能会陷入死循环。

js深拷贝浅拷贝引用拷贝

### JavaScript 中深拷贝、浅拷贝和引用拷贝的区别

#### 深拷贝
深拷贝是指创建一个新的对象，这个新对象拥有原对象所有属性及其嵌套对象的副本。修改新的对象不会影响到原来的对象。

可以通过多种方式实现深拷贝：

- 使用 `JSON.parse(JSON.stringify())` 方法转换复杂的数据结构[^1]。

  const originalObject = {
    id: '007',
    name: 'xxx',
    hobby: ['eat', 'sleep', 'play games'],
    foods: { breakfast: 'milk', lunch: 'rice', dinner: 'fish' }
  };
  const deepCopiedObject = JSON.parse(JSON.stringify(originalObject));

- 利用第三方库如 Lodash 的 `cloneDeep()` 函数来进行更可靠的深拷贝操作。

#### 浅拷贝
浅拷贝仅复制对象的第一层属性，对于这些属性内部的对象或数组，则只是简单地共享相同的内存地址而不是真正意义上的复制。因此，如果更改了被复制后的对象内的某个子对象，那么原始对象也会受到影响。

常见的浅拷贝方法有：

- 对于简单的对象字面量，可采用解构赋值的方式；
- 使用 `Object.assign()` 来合并多个源对象至目标对象上，但需要注意的是它只做了一级层次上的复制[^4]。

let obj = {id:'007',name:'xxx',hobby:['eat','sleep','play games'],foods:{breakfast:'milk',lunch:'rice',dinner:'fish'}};
let shallowCopyObj = {...obj}; // 解构赋值法
// 或者使用 Object.assign()
let anotherShallowCopyObj = Object.assign({}, obj);
anotherShallowCopyObj.name = 'xyz'; // 不会影响原始对象
console.log(obj); 
console.log(anotherShallowCopyObj);

anotherShallowCopyObj.foods.lunch = 'none'; // 这里会影响到原始对象的食物午餐设置
console.log(obj); 
console.log(anotherShallowCopyObj);

#### 引用拷贝
实际上就是指通过普通的赋值语句将一个变量指向另一个已存在的对象实例。此时两个变量都指向同一个地方，任何一方所做的变更都会反映在另一方身上[^2]。

const sourceArray = [1, 2, 3];
const referenceToArray = sourceArray;
referenceToArray.push(4);
console.log(sourceArray); // 输出：[1, 2, 3, 4]
console.log(referenceToArray); // 输出：[1, 2, 3, 4]