2.深拷贝和浅拷贝

  • 浅拷贝 只拷贝第一层
let obj = {
        a: 100,
        b: [10, 20, 30],
        c: {
          x: 10,
        },
        d: /^\d+$/,
      };
// ES6出的
      let obj2 = {
        ...obj
      };
let obj = {
        a: 100,
        b: [10, 20, 30],
        c: {
          x: 10,
        },
        d: /^\d+$/,
      };

        let obj2 = {};
      for (let key in obj) {
  // hasOwnProperty()方法可以检测对象是否有某个属性,比如检测obj是否有a,b,c,d,这些属性
        if (!obj.hasOwnProperty(key)) break;
        obj2[key] = obj[key];
      }
let obj = {
        a: 100,
        b: [10, 20, 30],
        c: {
          x: 10,
        },
        d: /^\d+$/,
      };
let obj2 = JSON.parse(JSON.stringify(obj));
      //=>弊端?
      //如何对象中有 正则表达式 函数 日期对象 会导致出现问题,
      // JSON.stringify(obj)的结果是空白或者异常
  • 深拷贝拷贝 每一层都拷贝
let obj = {
        a: 100,
        b: [10, 20, 30],
        c: {
          x: 10,
        },
        d: /^\d+$/,
      };
//封装一个方法
function deepClone(obj) {
        //=>过滤特殊情况
        if (obj === null) return null;
        if (typeof obj !== "object") return obj;
        if (obj instanceof RegExp) {
          return new RegExp(obj);
        }
        if (obj instanceof Date) {
          return new Date(obj);
        }
        //=>不直接创建空对象目的:克隆的结果和之前保持相同的所属类
        let newObj = new obj.constructor();
        for (let key in obj) {
          if (obj.hasOwnProperty(key)) {
            newObj[key] = deepClone(obj[key]);
          }
        }
        return newObj;
      }

// 调用和测试
      let obj2 = deepClone(obj);
      console.log(obj, obj2);
      console.log(obj === obj2);
      console.log(obj.c === obj2.c);
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,601评论 4 369
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,367评论 1 305
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,249评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,539评论 0 217
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,967评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,929评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,098评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,825评论 0 207
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,609评论 1 249
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,796评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,282评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,603评论 3 261
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,277评论 3 242
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,159评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,959评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,079评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,874评论 2 277

推荐阅读更多精彩内容

  • 1.浅拷贝浅拷贝将原对象或原数组的引用直接赋给新对象,新数组,新对象/数组只是原对象的一个引用(拷贝后的引用都是指...
    Pluto_dbec阅读 273评论 0 0
  • 目录1.浅拷贝2.深拷贝 1.浅拷贝 1.1 "="拷贝 list_dest = list_src完全同步,引用指...
    Stone_説阅读 362评论 0 5
  • 浅拷贝和深拷贝都是对于JS中的引用类型而言的,浅拷贝就只是复制对象的引用(堆和栈的关系,简单类型Undefined...
    却忘不掉你心言阅读 453评论 0 0
  • 简介 注:浅拷贝和深拷贝都只针对于像Object, Array这样的复杂对象。浅拷贝:浅拷贝只是复制了内存地址,如...
    agamgn阅读 329评论 0 1
  • 之前,我们讲过js的数据类型与堆内存、栈内存以及数据类型,了解该知识点以后,我们来进一步学习 浅拷贝与深拷贝。 在...
    YINdevelop阅读 556评论 0 0