js 深拷贝

最新推荐文章于 2022-01-20 16:33:26 发布

原创最新推荐文章于 2022-01-20 16:33:26 发布 · 355 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#深拷贝

js 专栏收录该内容

39 篇文章

订阅专栏

博客介绍了JS深拷贝的两种实现方式，一是通过递归实现，二是利用JSON.stringify和JSON.parse来实现。

一。js深拷贝方式：

1、递归实现。

 function clone(data) {
      if (typeof data === 'object') {
        var newData = Array.isArray(data) ? [] : {};
        for (var i in data) {
          newData[i] = clone(data[i])
        }
        return newData;
      } else {
        return data;
      }
    }
    var a = {a: 1, b: 2, c: {d: 1}};
    var b = clone(a)
    console.log(b)
    b.c.d = 3
    console.log(a,b)

2、JSON.stringify和JSON.parse实现。

function cloneTwo(data) {
     var newData = JSON.stringify(data);
     return JSON.parse(newData);
    }
    var aa = {a: 1, b: 2, c: {d: 1}};
    var bb = cloneTwo(aa)
    console.log(bb)
    bb.c.d = 3
    console.log(aa,bb)