JS 拷贝对象的方法 深拷贝 与 浅拷贝

浅拷贝与 深拷贝 的区别在于是否共享相同的引用

因为存在共享引用，浅拷贝的修改可能造成源被修改。

js 内置对象复制操作
...展开语法、Array.prototype.concat()、Array.prototype.slice()、Array.from()、Object.assign() 和 Object.create()
创建的是浅拷贝。

若对象可被序列化，则简单的深拷贝方法如下

JSON.parse(JSON.stringify(object))
// * RegExp Funciton 无法通过这种方式深拷贝
// 

structuredClone() 非js标准，浏览器提供
可转移对象

实现深拷贝的方法

1. 通过递归遍历所有的元素并复制

function deepCopy(obj) {
	let cloneObj = Array.isArray(obj) ? [] : {}
	for (let i of Object.keys(obj)) {
		if (obj[i] instanceof Object) {
			cloneObj[i] = deepCopy(obj[i])
		} else {
			cloneObj[i] = obj[i]
		}
	}
	return cloneObj
}

function deepCopy(obj){
    let str, newobj = obj.constructor === Array ? [] : {};
    if(typeof obj !== 'object'){ // 如果不是对象不涉及到深拷贝
        return;
    } else if(window.JSON){
        str = JSON.stringify(obj), // 系列化对象
        newobj = JSON.parse(str); // 还原
    } else {
        for(let i of Object.keys(obj)){ // 递归的方式遍历
            newobj[i] = typeof obj[i] === 'object' ? 
            	deepCopy(obj[i]) : 
            	obj[i]; 
        }
    }
    return newobj;
};

优质文章
充分考虑各种问题的深拷贝 - 代码地址：https://github.com/ConardLi/ConardLi.github.io/blob/master/demo/deepClone/src/clone_6.js

数组拷贝方法

1. 遍历法，思路同上
2. slice() 取整片

copyArray= arrayObject.slice(start,end)

3. concat() 不与任何数组拼接

copyArray = arrayObject.concat()

第三方库 lodash _.cloneDeep()