angular7 深拷贝方法

╰半夏微凉° 2023-06-27 06:28 23阅读 0赞

**法一：使用lodash**

npm i --save lodash
    const _ = require('lodash');
    console.log(_.cloneDeep(list));

**法二：手动写个共通方法**

public static clone(target: any): any {
        if (target == null) {
            return null;
        }
        if (target instanceof Date) {
          return value;
        }
        if (!(target instanceof Array) && !(typeof target === 'object')) {
          return value;
        }
        const cloneObject = new target.constructor();
        Object.keys(target).forEach(
            (attr: string) => {
                cloneObject[attr] = (typeof target[attr] === 'object') ? this.clone(target[attr]) : target[attr];
            }
        );
    
        return cloneObject;
    }

**法三：递归**

function each(obj, cb) {
      if (obj) {
        if (Array.isArray(obj)) {
          obj.forEach(cb);
        } else {
          Object.keys(obj).forEach(key => {
            cb(obj[key], key);
          });
        }
      }
    }
    
    function cloneDeep(obj, preserveUndefined) {
      if (preserveUndefined === undefined) {
        preserveUndefined = true;
      }
      let clone;
      if (obj === null) {
        return null;
      }
      if (obj instanceof Date) {
        return obj;
      }
      if (obj instanceof Array) {
        clone = [];
      } else if (typeof obj === 'object') {
        clone = {};
      } else {
        return obj;
      }
      each(obj, (value, name) => {
        if (value !== undefined) {
          clone[name] = cloneDeep(value, preserveUndefined);
        } else if (preserveUndefined) {
          clone[name] = undefined;
        }
      });
      return clone;
    }
    
    module.exports = { each, cloneDeep };

发表评论取消回复

表情：

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

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

相关阅读

相关深拷贝、浅拷贝的方法

目录浅拷贝深拷贝 -------------------- 深拷贝与浅拷贝概念：深浅拷贝出现的前提：应用类型的数据（对象和数组）深拷贝就是把

客官°小女子只卖身不卖艺/ 2024年03月31日 13:57/ 0 赞/ 103 阅读

相关 7.浅拷贝和深拷贝

一、浅拷贝拷贝出来的是一个新对象。对于基本数据类型：会直接进行值传递，会将该属性值复制一份给新的拷贝对象，由于是两份不同的数据，所以如果对原对象的该成员变量值进行改

分手后的思念是犯贱/ 2023年10月10日 08:06/ 0 赞/ 29 阅读

相关 angular7 深拷贝方法

法一：使用lodash npm i --save lodash const _ = require('lodash'); console.log(_.

╰半夏微凉°/ 2023年06月27日 06:28/ 0 赞/ 24 阅读

相关 JavaScript深拷贝方法

1.1.Object.assign（）方法 //一层是深拷贝，多层是浅拷贝 let a = { a: 1, b: 2 } le

小咪咪/ 2023年02月19日 09:30/ 0 赞/ 45 阅读

相关 [JavaScript]浅拷贝、深拷贝，封装一个对象深拷贝的方法

一、浅拷贝和深拷贝基本类型不会出现这个问题，只讨论引用类型 1.浅拷贝：拷贝对象属性问题：一个改变，互相影响 var arr=[1,2,3];

忘是亡心i/ 2022年11月27日 06:49/ 0 赞/ 286 阅读

相关 Clone方法与深拷贝和浅拷贝

如果只是用Object中默认的clone方法实现的只是浅拷贝，虽然是新的对象，但是像String这种引用型变量与原对象中的变量是同一地址。要想在使用clone方法时实现深拷贝,

深藏阁楼爱情的钟/ 2022年09月01日 08:16/ 0 赞/ 235 阅读

相关深拷贝

/ 默认拷贝构造，对于数据只是值传递，对于指针，则指向同一片内存地址类的内部有指针并分配内存的，需要深拷贝，否则浅拷由。深拷贝需要自己手动

秒速五厘米/ 2022年07月15日 08:20/ 0 赞/ 245 阅读

相关深拷贝

/ 默认拷贝构造，对于数据只是值传递，对于指针，则指向同一片内存地址类的内部有指针并分配内存的，需要深拷贝，否则浅拷由。深拷贝需要自己手动

Dear 丶/ 2022年07月15日 08:20/ 0 赞/ 227 阅读

相关深浅拷贝多级深拷贝方法

就是假设B复制了A，当修改A时，看B是否会发生变化深拷贝:如果B没变，那就是深拷贝，自食其力，修成正果浅拷贝:如果B也跟着变了，说明这是浅拷贝，功力不够一级

Myth丶恋晨/ 2021年11月17日 02:48/ 0 赞/ 376 阅读

相关深拷贝

1. JS 中拷贝对象分为浅拷贝和深拷贝浅拷贝 : 拷贝引用深拷贝 : 拷贝里面的数据成新的对象 2. 常规做法递归 , 简单实现方式如下: va

曾经终败给现在/ 2021年09月18日 01:06/ 0 赞/ 372 阅读