js深拷贝和浅拷贝的实现方式
    JavaScript是一门非常流行的编程语言，它可以用于开发各种类型的应用程序。在JavaScript中，我们经常需要进行数据的复制操作。但是，JavaScript中的数据复制并不像其他编程语言那样简单，因为JavaScript中的数据类型非常复杂。因此，我们需要了解JavaScript中的深拷贝和浅拷贝的实现方式。
    一、什么是深拷贝和浅拷贝？
    在JavaScript中，数据类型可以分为两类：基本数据类型和引用数据类型。基本数据类型包括字符串、数字、布尔值、null和undefined，它们是值类型，它们的值直接存储在变量中。引用数据类型包括对象、数组、函数等，它们是引用类型，它们的值是存储在堆内存中的对象，变量中存储的是对象在堆内存中的地址。
    在JavaScript中，我们经常需要对对象或数组进行复制操作。浅拷贝只是复制了引用类型的地址，而没有复制对象或数组的实际内容。因此，如果原对象或数组的内容发生了改变，那么浅拷贝的对象或数组也会受到影响。深拷贝则是完全复制了对象或数组的内容，因此即使原对象或数组的内容发生了改变，深拷贝的对象或数组也不会受到影响。
    二、浅拷贝的实现方式
    1. 使用Object.assign()
    Object.assign()方法可以将一个或多个对象的属性复制到另一个对象中。这个方法的第一个参数是目标对象，后面的参数是源对象。这个方法会返回目标对象。
    示例代码：
    ```javascript
    let obj1 = {a: 1, b: 2};
typeof array
    let obj2 = Object.assign({}, obj1);
    console.log(obj2); // {a: 1, b: 2}
    ```
    2. 使用展开运算符（...）
    展开运算符可以将数组或对象展开成多个参数。使用展开运算符可以将一个对象或数组的内容复制到另一个对象或数组中。
    示例代码：
    ```javascript
    let arr1 = [1, 2, 3];
    let arr2 = [...arr1];
    console.log(arr2); // [1, 2, 3]
    let obj1 = {a: 1, b: 2};
    let obj2 = {...obj1};
    console.log(obj2); // {a: 1, b: 2}
    ```
    三、深拷贝的实现方式
    1. 递归实现
    递归实现深拷贝的核心思想是遍历对象或数组的每一个属性，并递归地对每一个属性进行拷贝。如果属性的值是基本数据类型，那么直接复制它的值。如果属性的值是引用类型，那么递归地对引用类型进行拷贝。
    示例代码：
    ```javascript
    function deepCopy(obj) {
    let newObj = Array.isArray(obj) ? [] : {};
    for (let key in obj) {
    if (typeof obj[key] === 'object' && obj[key] !== null) {
    newObj[key] = deepCopy(obj[key]);
    } else {
    newObj[key] = obj[key];
    }
    }
    return newObj;
    }
    let obj1 = {a: {b: 1}, c: [1, 2, 3]};
    let obj2 = deepCopy(obj1);
    console.log(obj2); // {a: {b: 1}, c: [1, 2, 3]}
    ```
    2. JSON.parse()和JSON.stringify()
    JSON.parse()方法可以将JSON字符串转换为JavaScript对象。JSON.stringify()方法可以将JavaScript对象转换为JSON字符串。利用这两个方法可以实现深拷贝。
    示例代码：
    ```javascript
    let obj1 = {a: {b: 1}, c: [1, 2, 3]};
    let obj2 = JSON.parse(JSON.stringify(obj1));
    console.log(obj2); // {a: {b: 1}, c: [1, 2, 3]}
    ```
    需要注意的是，利用JSON.parse()和JSON.stringify()方法实现深拷贝时，有一些限制：
    - 这种方法不支持函数、正则表达式等特殊对象。
    - 这种方法会忽略undefined属性。
    - 这种方法会忽略对象的constructor属性。
    - 这种方法会将NaN和Infinity转换为null。
    四、总结
    深拷贝和浅拷贝是JavaScript中常用的数据复制方式。浅拷贝只是复制了引用类型的地址，而没有复制对象或数组的实际内容。深拷贝则是完全复制了对象或数组的内容。在实际开发中，我们需要根据具体的情况选择不同的复制方式。如果只需要复制简单的对象或数组，可以使用浅拷贝；如果需要复制复杂的对象或数组，可以使用深拷贝。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。