引用类型对象拷贝

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

  • 基本类型值(数值、布尔值、null和undefined):指的是保存在栈内存中的简单数据段;包括5种:number、string 、boolean、以及undefined、null两个特殊类型,
  • 引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象

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

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
console.log(obj1 = obj2);
console.log(obj1 == obj2);
输出:false,Object {a: 1, b: 2},ture
第一次输出false,是因为两个obj分别指向不同的栈内存空间
第二次输出ture,是因为我们把obj2赋值给obj1,两者都指向同一个堆内存空间

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

var a = 1
var b = 2
var c = { name: '饥人谷', age: 2 }
var d = [a, b, c]

var aa = a
var bb = b
var cc = c
var dd = d

a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3

console.log(aa) 
console.log(bb) 
console.log(cc)
console.log(dd)
输出:
- 1,2,  值传递,aa bb开辟一个属于自己的栈空间,值和最初的相同,
- Object {name: "hello", age: 3},  因为cc和c都有同样的一个对象指针或地址,即两者寻址最终都会到达同样一个堆内存中.
- 1 2 {name: "hello", age: 3},dd和d都指向同一个堆内存,通过两者都可以修改它们所指向地址存有的变量的值。

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

var a = 1
var c = { name: 'jirengu', age: 2 }

function f1(n){
  ++n
}
function f2(obj){
  ++obj.age
}

f1(a)  // 1 值传递,f1(a)开辟一个属于自己的栈空间,值和最初的相同,
f2(c)  //  { name: 'jirengu', age: 3 } 对象地址变量复制,相当于var obj=c ,++obj.age将对象中的age+1,二者都指向同一个堆内存。
f1(c.age)   //  3 c.age的值为3,把3赋值为n,n变为4,c.age的值不变
console.log(a)  //  1
console.log(c)  // { name: 'jirengu', age: 3 } 道理同f2(c)

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

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
 for(var i = 0; i < arr.length; i++){
     if( arr[i] <=0){
     arr.splice(i, 1);
     filter(arr)
 }
    }
}
filter(arr)
console.log(arr)// 3 1 2

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

var arr = [3,1,0,-1,-3,2,-5];
var arr2= [];
function filter(arr){
 for(var i = 0; i < arr.length; i++){
     if( arr[i] >0){
     arr2.push(arr[i]);
 }
    }
}
filter(arr);
console.log(arr) ; // [3,1,0,-1,-2,2,-5]
console.log(arr2); // [3,1,2]

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

var obj = {
            name : 'zf',
            age : 25,
            friend : {
                name : 'ruoyu',
                age : 30,
            }
        }
第一种:
        function copy(obj){
            var newObj = {}
            for(var key in obj){
              if(obj.hasOwnProperty(key)){
                  if(typeof obj[key] === 'number' || typeof obj[key] === 'boolean' 
                      || typeof obj[key] === 'string' || obj[key] === undefined 
                      || obj[key] === null){
                    newObj[key] = obj[key];
                }else{
                    newObj[key] = copy(obj[key]);
                }
              }
            }
            return newObj
        }
        var obj3=copy(obj)
第二种:
function copy(obj){
    var newobj = JSON.parse(JSON.stringify(obj));
    return newobj;
}
var obj2 = copy(obj)
console.log(obj2)
第三种:
function cloneObject (obj) {
    var newObj = {}
    //如果不是引用类型,直接返回
    if (typeof (obj) !== 'object') {
      return obj
    }
    //如果是引用类型,遍历属性
    else{
         for (var attr in obj) {
         //如果某个属性还是引用类型,递归调用
          newObj[attr] = cloneObject(obj[attr])
        }
    }
   
    return newObj
  }

深拷贝和浅拷贝的区别:

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

你可能感兴趣的:(引用类型对象拷贝)