引用类型对象拷贝(进阶4)

1.引用类型有哪些?非引用类型有哪些

  • 引用类型包括:数组、对象、正则、函数
  • 非引用类型(即基本类型):数值、布尔值、null、undefined和Symbol(ES6)

2.如下代码输出什么?为什么

Paste_Image.png
  • 输出:
    false [object Object] { a: 1, b: 2 } true
  • 原因:
    var obj1 = {a:1, b:2};//0x0001 var obj2 = {a:1, b:2};//0x0002 //此时,obj1和obj2是两个对象,所保存的地址不一样,输出false console.log(obj1 == obj2); //obj1=obj2: 让obj1和obj2指向一个内存地址,输出0x0002地址的数据 console.log(obj1 = obj2); //此时,obj1和obj2保存的地址都是0x0002,输出true console.log(obj1 == obj2);

3.如下代码输出什么? 为什么

Paste_Image.png
  • 输出:
    1 2 [object Object]{ name: 'hello', age: 3 } [1,2,[object Object]{ name: 'hello', age: 3 }]
  • 缘由:
    1.aa和bb都是基本类型数据,变量保存的是栈内存地址,改变a的值和aa没有关系; 2.cc和dd都是引用类型,变量保存的是堆内存地址(相当于保存遥远内存区段的地址),改变对象的属性值只是改变对象指向的内存区段里的数据,所以对象保存地址不变,输出仍是地址指向的内存区段里面的数据;这时由于name和age两个属性值变化,所以输出内容有所变化。

4.如下代码输出什么? 为什么

Paste_Image.png
  • 输出
    1 [object Object]{ name: 'jirengu', age: 3 }
  • 原因:
    • 函数f1里面的n是新的变量,和a没有关系(a仍为1)
    • 函数f2里面的obj保存的地址和c的地址一样,改变这个地址指向的内容age的值 也就是改变了c对象的属性age值(所以age=3)
    • 函数f1(c.age)和f1(a)一样,函数里面的变量n是一个新的变量,与原来的变量没有关系(所以age仍为3)

5.过滤如下数组,只保留正数,直接在原数组上操作

Paste_Image.png
function filter(arr){
  for(let i=arr.length-1;i>=0;i--) {
    if(arr[i]<=0){
      arr.splice(i,1);
    }
  }
}

6.过滤如下数组,只保留正数,原数组不变,生成新数组

Paste_Image.png
function filter(arr) {
  let newArr = [];
  //ES5
  for (let key in arr) {
    if (arr[key] > 0) {
      newArr.push(arr[key]);
    }
  }
  //ES6
  //   for(let [key,value] of arr.entries()) {
  //     if(value>0){
  //       newArr.push(value);
  //     }
  //   }
  //ES8的方法
  //   for(let value of Object.values(arr)) {
  //     if(value>0){
  //       newArr.push(value);
  //     }
  //   }
  return newArr;
}

7.写一个深拷贝函数,用两种方式实现

//浅拷贝
const f1 = (obj) => {
  let newObj = {};
  for(let key in obj){
    newObj[key] = obj[key];
  }
//   es8引入了跟Object.keys配套的Object.values和Object.entries,作为遍历一个对象的补充手段。
//   for(let [key,value] of Object.entries(obj)){
//     newObj[key] = value;
//   }
  return newObj;
}
//深拷贝
const f2 = (obj) => {
  let newObj = {};
  for(let key in obj) {
    if(typeof obj[key] === "object"){
      newObj[key] = f2(obj[key]);
    } else {
      newObj[key] = obj[key];
    }
  }
//   es8引入了跟Object.keys配套的Object.values和Object.entries,作为遍历一个对象的补充手段。
//   for(let [key,value] of Object.entries(obj)){
//     if(typeof obj[key] === "object"){
//       newObj[key] = f2(value);
//     } else {
//       newObj[key] = obj[value];
//     }
//   }
  return newObj;
}

深拷贝和浅拷贝的区别: 1.深拷贝是完全拷贝,不但对象地址变了,对象的内部属相对象(或其它引用类型)的地址也变了;改动其中一个对象的属性对象的属性值,另外一个不变。 2.浅拷贝中:新对象的内部属性对象和原对象内部属性对象的地址一样;改动其中一个对象的属性对象的属性值,另外一个也同时变化。 深拷贝和浅拷贝的相同点: 对于对象中的基本数据类型值,执行两种拷贝效果一致。拷贝后改动其中一个对象,另外一个不变

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

推荐阅读更多精彩内容

  • 1.引用类型有哪些?非引用类型有哪些 基本类型值(数值、布尔值、null和undefined):指的是保存在栈内存...
    Feiyu_有猫病阅读 258评论 0 0
  • 引用类型有哪些?非引用类型有哪些? JS中的数据类型分为基本类型和引用类型。基本类型:数值(number)、字符串...
    LeeoZz阅读 265评论 0 0
  • 1.引用类型有哪些?非引用类型有哪些2.如下代码输出什么?为什么? var obj1 = {a:1, b:2}; ...
    Rising_suns阅读 247评论 0 0
  • 1.引用类型有哪些?非引用类型有哪些 引用类型: 对象 object 数组 函数 正则非引用类型...
    怎么昵称阅读 235评论 0 0
  • 糖醋排骨 粉蒸肉 1、五花肉切片洗净 2、加蒸肉粉、老抽捏均匀 3、放电压力锅蒸,按煮饭按钮 红烧肉烧山芋圆子 1...
    Hedy639阅读 257评论 0 1