js深度拷贝

你的名字 2023-07-23 10:56 4阅读 0赞

**法一：**有局限性

//通过js的内置对象JSON来进行数组对象的深拷贝
    function deepClone(obj: any): any {
      const _obj = JSON.stringify(obj),
      const objClone = JSON.parse(_obj);
      return objClone;
    }

这种简单粗暴的方法有其局限性，当值为undefined、function、symbol 会在转换过程中被忽略

**法二：Object.assign()**

针对深拷贝，需要使用其他办法，因为 `Object.assign()`拷贝的是（可枚举）属性值。个人理解 **Object.assign()** 只会拷贝一层结构

const log = console.log;
    
    function test() {
      'use strict';
      let obj1 = { a: 0 , b: { c: 0}};
      let obj2 = Object.assign({}, obj1);
      log(JSON.stringify(obj2));
      // { a: 0, b: { c: 0}}
    
      obj1.a = 1;
      log(JSON.stringify(obj1));
      // { a: 1, b: { c: 0}}
      log(JSON.stringify(obj2));
      // { a: 0, b: { c: 0}}
    
      obj2.a = 2;
      log(JSON.stringify(obj1));
      // { a: 1, b: { c: 0}}
      log(JSON.stringify(obj2));
      // { a: 2, b: { c: 0}}
    
      obj2.b.c = 3;
      log(JSON.stringify(obj1));
      // { a: 1, b: { c: 3}}
      log(JSON.stringify(obj2));
      // { a: 2, b: { c: 3}}
    
      // Deep Clone
      obj1 = { a: 0 , b: { c: 0}};
      let obj3 = JSON.parse(JSON.stringify(obj1));
      obj1.a = 4;
      obj1.b.c = 4;
      log(JSON.stringify(obj3));
      // { a: 0, b: { c: 0}}
    }
    
    test();

**法三：**利用循环和递归

public deepClone(target: any): any {
        if (target == null) {
          return null;
        }
        const cloneObject = new target.constructor();
        Object.keys(target).forEach(
          (attr: string) => {
            cloneObject[attr] = (typeof target[attr] === 'object') ? this.deepClone(target[attr]) : target[attr];
          }
        );
    
        return cloneObject;
      }

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 js深度拷贝

法一：有局限性 //通过js的内置对象JSON来进行数组对象的深拷贝 function deepClone(obj: any): any { co

你的名字/ 2023年07月23日 10:56/ 0 赞/ 5 阅读

相关 js 数组、对象深度拷贝及方法的注意点

对数组、对象进行深度拷贝的方法 function deepClone (data, newData) { if (typeof data ===

浅浅的花香味﹌/ 2023年06月24日 03:49/ 0 赞/ 4 阅读

相关结构体的深度拷贝和浅拷贝

具体观看代码和注释 define _CRT_SECURE_NO_WARNINGS include <stdlib.h> include <s

曾经终败给现在/ 2023年05月29日 05:29/ 0 赞/ 2 阅读

相关 java 深度拷贝复制深度复制

1、深度拷贝、复制代码实现一般的clone工具都是浅克隆，指挥克隆常规类型，对于对象，list，属性及其属性的属性都只是引用嵌套太深也好遍历new一层一层克

朱雀/ 2022年12月15日 12:46/ 0 赞/ 255 阅读

相关 js进行对象深度拷贝deep clone

1、利用json两次转换推荐——操作新颖，逆向思维（①转成json字符串；②在将字符串转为对象） obj1 = { a: 0 , b: { c: 0

忘是亡心i/ 2022年12月14日 13:52/ 0 赞/ 116 阅读

相关 java 深度克隆_Java 深度拷贝

public Object deepCopy(Object source)\{ Object destination = new Object() ; ByteArrayO

矫情吗；*/ 2022年11月01日 15:50/ 0 赞/ 154 阅读

相关 js深度拷贝

1.浅拷贝拷贝就是把父对像的属性，全部拷贝给子对象。下面这个函数，就是在做拷贝： [?][Link 1] <table style="border-collapse

今天药忘吃喽~/ 2022年06月11日 01:27/ 0 赞/ 119 阅读

相关浅拷贝与深度拷贝

注意：默认的拷贝是浅拷贝浅拷贝（只是机械的拷贝） public: CopyConstructor() { p = new i

阳光穿透心脏的1/2处/ 2022年06月09日 07:57/ 0 赞/ 161 阅读

相关 java对象深度拷贝

import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; i

墨蓝/ 2022年06月02日 08:10/ 0 赞/ 223 阅读

相关 js深拷贝浅拷贝

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

朱雀/ 2021年08月31日 14:35/ 0 赞/ 488 阅读