引用类型对象拷贝(进阶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.浅拷贝中：新对象的内部属性对象和原对象内部属性对象的地址一样；改动其中一个对象的属性对象的属性值，另外一个也同时变化。 深拷贝和浅拷贝的相同点： 对于对象中的基本数据类型值，执行两种拷贝效果一致。拷贝后改动其中一个对象，另外一个不变