JavaScript深浅拷贝解析

本文主要探讨JavaScript中的深浅拷贝概念，重点关注引用数据类型的拷贝行为。浅拷贝仅复制对象的引用，而不复制其实际值，因此修改副本会影响到原始对象。而深拷贝则创建一个全新的对象，包含了原始对象的所有值，修改副本不会影响到原始对象。文章提到了两种实现深拷贝的方法：使用JSON对象的stringify和parse方法，以及通过递归方式逐层创建新对象。 在JavaScript中，数据类型分为基本数据类型（如字符串、数字、布尔值等）和引用数据类型（如对象和数组）。对于基本数据类型的拷贝，赋值操作即完成了拷贝，因为它们是按值传递的。然而，对于引用数据类型，拷贝时会复制对象的引用，而非其内容，这就引出了深浅拷贝的概念。 浅拷贝常见的一种实现方式是使用赋值运算符`=`。例如： ```javascript const originArray = [1, 2, 3, 4, 5]; const originObj = { a: 'a', b: 'b', c: [1, 2, 3], d: { dd: 'dd' } }; const cloneArray = originArray; const cloneObj = originObj; // 修改副本 cloneArray.push(6); cloneObj.a = { aa: 'aa' }; // 查看结果，发现原始对象也被修改了 console.log(originArray); // [1, 2, 3, 4, 5, 6] console.log(originObj); // { a: { aa: 'aa' }, b: 'b', c: Array[3], d: { dd: 'dd' } } ``` 深拷贝则是创建一个与原始对象完全独立的新对象。深拷贝可以防止对副本的修改影响到原始对象。常见的深拷贝实现方法有： 1. 使用JSON的`stringify`和`parse`方法： ```javascript const deepCopyObj = JSON.parse(JSON.stringify(originObj)); ``` 这种方法适用于没有循环引用和函数等不能序列化的属性的对象。 2. 递归遍历对象并创建新对象： ```javascript function deepCopy(obj) { if (typeof obj !== 'object' || obj === null) return obj; let copy; if (Array.isArray(obj)) { copy = []; for (let i = 0; i < obj.length; i++) copy[i] = deepCopy(obj[i]); } else { copy = {}; for (let key in obj) { if (obj.hasOwnProperty(key)) copy[key] = deepCopy(obj[key]); } } return copy; } const deepCopyObj = deepCopy(originObj); ``` 递归方法更为灵活，可以处理更复杂的情况，但效率相对较低。 了解深浅拷贝的概念对于编写JavaScript代码时避免意外的副作用至关重要，尤其是在处理复杂数据结构时。正确使用深拷贝可以确保对象副本的独立性，从而保持程序的稳定性。