JSON.parse()、JSON.stringify()实现深拷贝应注意问题

我们都知道,实现数据深拷贝,我们大多数人都是用的JSON.parse(JSON.stringify())方法,比如:

    function deepClone(obj){
      let obj_ = JSON.stringify(obj),
      loneObj = JSON.parse(obj_);
      return loneObj
    }
    let a=[1,2,3,4],
    b=deepClone(a);
    b[0] = 2;
    console.log(a,b);

打印结果:

JSON.parse()、JSON.stringify()实现深拷贝应注意问题_第1张图片

我们在代码中对拷贝出来的b数组做了修改,a数组并没有被修改,所以实现了深拷贝。

但是:

如果拷贝对象包含正则表达式,函数,或者undefined等值,此方法就会出现问题

    function deepClone(obj){
      let obj_ = JSON.stringify(obj),
      loneObj = JSON.parse(obj_);
      return loneObj
    }
    let a={
      regex:/^\s*/g,
      desc:'去掉字符串左侧空白字符正则'
    },
    b=deepClone(a);
    console.log(a,b);

打印结果:

JSON.parse()、JSON.stringify()实现深拷贝应注意问题_第2张图片

可见,这里没有实现深拷贝。所以这方法也不是万能的。

其他包含函数、undefined的情况,小伙伴可以自己测试看看结果,依旧是拷贝失败。

你可能感兴趣的:(js)