js中的深拷贝与浅拷贝

一、对象的深拷贝与浅拷贝

var obj = {
  name:'youbei',
  age:9,
  others:[1,2],
}

1.递归的方法实现深拷贝

function deepCopy(source){
    if(!isObject(source)) return source;
    let target = Array.isArray(source)?[]:{};
    for(var k in source){
        if(soucre.hasOwnProperty(k)){
            if(typeof source[k] =='object'){
                target[k] = deepCopy(source[k]);
            }else{
                target[k] = source[k]
            }
        }
    }
    return target;
}
function isObject(obj){
    return typeof obj==='object' && obj!==null
}
var obj1 = deepCopy(obj);
obj1.name='meituan';
obj1.age = 7;
obj1.others[2]=3;
console.log(JSON.stringify(obj1));
console.log(JSON.stringify(obj))
//{"name":"meituan","age":7,"others":[1,2,3]}
//{"name":"youbei","age":9,"others":[1,2]}

2.通过JSON对象实现深拷贝

function deepClone2(obj) {
  let _obj = JSON.stringify(obj),
  return JSON.parse(_obj);
}

注意：无法实现对象中方法的深拷贝，处理不了函数

3.通过Object.assign()拷贝（当对象只有一级属性为深拷贝；当对象中有多级属性时，二级属性后就是浅拷贝）

var obj = {
  name:'youbei',
  age:9,
}
var obj1 = Object.assign({},obj);
obj1.name='meituan';
obj1.age = 7;
console.log(obj.name,obj.age);

Object.assign 也算是浅拷贝，也就是如果源对象里的某些key对应的值是object类型,则只会拷贝对此object类型数据的引用，也就是说会多处共用一个储存空间，一个地方改变了，其他地方在取值也就变了

var obj = {
  name:'youbei',
  age:9,
  others:[1,2],
}
var obj1 = Object.assign({},obj);
obj1.name='meituan';
obj1.age = 7;
obj1.others[2]=3;
console.log(JSON.stringify(obj1));
//{"name":"meituan","age":7,"others":[1,2,3]}
console.log(JSON.stringify(obj));
//{"name":"youbei","age":9,"others":[1,2,3]}

二、 数组的深拷贝与浅拷贝

1. concat(arr1, arr2,…) 仅适用于对不包含引用对象的一维数组的深拷贝

注意：当数组中的元素均为一维是深拷贝 数组中元素一维以上是值的引用

2.slice(idx1, idx2) 仅适用于对不包含引用对象的一维数组的深拷贝

1. 没有参数是拷贝数组

2. 只有一个参数是从该位置起到结束拷贝数组元素

3. 两个参数，拷贝从起始位置到结束位置的元素（不包含结束位置的元素：含头不含尾）

注意：当数组中的元素均为一维是深拷贝，数组中元素一维以上是值的引用
　　　　
3.es6方法 仅适用于对不包含引用对象的一维数组的深拷贝

 var a=[1,2,3]
    var b=[...a];
    b.push(4);
    console.log(b);//1,2,3,4
    console.log(a)//1,2,3

把20200901转换为2020/09/01

var str="20200901"
var pattern = /(\d{4})(\d{2})(\d{2})/;
str = str.replace(pattern, '$1-$2-$3');
str =str.replace(new RegExp(/-/gm), "/"); //将所有的'-'转为'/'即可