JS中浅拷贝与深拷贝的实现方法及代码示例

资源摘要信息:"js代码-浅拷贝和深拷贝的实现" JavaScript中的数据类型分为原始数据类型和引用数据类型。原始数据类型（如字符串、数字、布尔值、null、undefined）的赋值是简单赋值，即一个变量复制一份数据，改变任一变量都不会影响另一个变量。然而，引用数据类型（如对象、数组、函数）的赋值是对象引用，即多个变量指向同一个对象，改变任一变量都会影响其他变量。 1. 浅拷贝： 浅拷贝是指只复制对象的第一层属性值。如果属性值是原始数据类型，那么复制的就是实际值；如果属性值是引用数据类型，那么复制的只是引用地址。因此，改变浅拷贝后的对象中引用数据类型属性，也会影响到原对象。 在JavaScript中，可以使用多种方式实现浅拷贝，包括： - 对象赋值：通过等号赋值，复制的是引用。 - Object.assign()方法：该方法将所有可枚举属性的值从一个或多个源对象复制到目标对象，也会进行浅拷贝。 - 使用扩展运算符（...）：它可以把一个对象的可枚举属性复制到新的对象中，同样是浅拷贝。 举例实现浅拷贝： ```javascript let original = { a: 1, b: { c: 2 } }; let shallowCopy = Object.assign({}, original); // 或者 let shallowCopy = { ...original }; ``` 2. 深拷贝： 深拷贝则是指复制对象的每一层数据，完全复制一份新的对象，不会保留任何引用关系。这样，无论是原始数据类型还是引用数据类型，改变新对象的属性都不会影响原对象。 实现深拷贝的方法有： - JSON方法：通过将对象转换成JSON字符串，然后再将字符串解析成新的对象。这种方法简单，但不适用于函数和循环引用的场景。 - 递归方法：通过递归遍历原对象的所有属性，并将属性值是对象的情况再执行一次深拷贝操作。 - 第三方库提供方法：如lodash库中的cloneDeep函数。 举例实现深拷贝： ```javascript // 使用JSON方法 let original = { a: 1, b: { c: 2 } }; let deepCopy = JSON.parse(JSON.stringify(original)); // 使用递归方法 function deepClone(obj) { if (obj === null || typeof obj !== 'object') { return obj; } let cloneObj = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { cloneObj[key] = deepClone(obj[key]); } } return cloneObj; } ``` 需要注意的是，深拷贝在处理循环引用或者包含函数、Symbol类型、Map、Set等特殊属性的对象时可能会遇到问题。JSON方法不能处理函数和undefined，且在处理循环引用时会抛出异常。递归方法需要额外的逻辑来避免循环引用的问题。使用第三方库可以简化代码，但需要引入外部依赖，并且在不支持ES6及以上版本JavaScript环境时，可能需要额外的polyfill。 以上就是JavaScript中浅拷贝和深拷贝的基本概念、方法和需要注意的问题。在实际开发中，开发者需要根据具体情况选择合适的拷贝方式。