简单理解js中深浅拷贝

关于程序中的深浅拷贝，以js逻辑代码为例，我们经常遇到array或object的重新赋值（变量切换），这其中就牵扯到了栈和堆映射，这里我们如果不深入理解开发底层逻辑，就可以把栈理解成一个索引，就是我们设置的变量，而堆是array或object数据存放的虚拟内存。
当我们直接把一个变量复制到另一个变量上，只是单纯的复制了索引，索引指向的还是堆中同一个array或object，改变堆中的array或object，两个索引变化是一样的，但是当所以指向的是字符串时，字符串是不会放在堆中的，就是栈中的索引，所以深浅拷贝方法如下：
方法一：JSON.stringify()，JSON.parse()（ps：字符串和执行脚本赋值切换）
ex：下面展示一些 内联代码片。

var obj = {
    
    
  a:111,
  b:222,
  c:333
}
var obj1 = obj;
var obj2 = JSON.parse(JSON.stringify(obj));
obj.a = 444;
console.log(obj1) // { a: 444, b: 222, c: 333 }
console.log(obj2) // { a: 111, b: 222, c: 333 }

方法二：递归循环拷贝
ex：下面展示一些 内联代码片。

// 定义一个深拷贝函数  接收目标target参数
function deepClone(target) {
    
    
    // 定义一个变量
    var result;
    // 如果当前需要深拷贝的是一个对象的话
    if (typeof target === 'object') {
    
    
    // 如果是一个数组的话
        if (Array.isArray(target)) {
    
    
            result = []; // 将result赋值为一个数组，并且执行遍历
            for (var i in target) {
    
    
                // 递归克隆数组中的每一项
                result.push(deepClone(target[i]))
            }
         // 判断如果当前的值是null的话；直接赋值为null
        } else if(target===null) {
    
    
            result = null;
         // 判断如果当前的值是一个RegExp对象的话，直接赋值    
        } else if(target.constructor===RegExp){
    
    
            result = target;
        }else {
    
    
         // 否则是普通对象，直接for in循环，递归赋值对象的所有值
            result = {
    
    };
            for (var i in target) {
    
    
                result[i] = deepClone(target[i]);
            }
        }
     // 如果不是对象的话，就是基本数据类型，那么直接赋值
    } else {
    
    
        result = target;
    }
     // 返回最终结果
    return result;
}

以上就是两种思想的实现方法，当然实现手段可以各种表现。