美文网首页
引用类型对象拷贝

引用类型对象拷贝

作者: clark124 | 来源:发表于2017-02-28 16:50 被阅读0次

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

    引用类型是指那些保存在堆内存中的对象。变量中保存的实际上只是一个指针,这个指针指向内存中的另一个位置,由该位置保存对象。
    引用类型有:对象、函数、数组、正则
    非引用类型:字符串、数字、布尔、null和undefined

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

    var obj1 = {a:1, b:2};
    var obj2 = {a:1, b:2};
    console.log(obj1 == obj2);//false,obj1和obj2分别保存的是不同的对象地址,虽然两个对象里的属性相同,但所指向的位置不同。
    console.log(obj1 = obj2);//Object {a: 1, b: 2},将obj2的地址保存在obj1里,两个对象指向同一地址。
    console.log(obj1 == obj2);//true,两个对象指向同一地址。改变其中一个对象的属性,另一个对象也随之发生改变。
    

    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) //输出1, 基本类型 把a赋值给aa,改变a的值,aa仍不改变
    console.log(bb) //输出2,同上
    console.log(cc)//输出{name: "hello", age: 3},两个对象指向同一地址。改变其中一个对象的属性,另一个对象也随之发生改变。
    console.log(dd)//输出[1,2,{name:"hello",age:3}],c为引用类型的对象,保存的是地址,c中的属性发生改变,数组dd中的属性也随之发生改变。
    

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

    var a = 1
    var c = { name: 'jirengu', age: 2 }
    
    function f1(n){
      ++n
    }
    function f2(obj){
      ++obj.age
    }
    
    f1(a) 
    f2(c) 
    f1(c.age) 
    console.log(a) //输出 1,函数f1中 var n = 1;++n,后n=2,但a的值不发生改变
    console.log(c)//输出{name='jirengu',age:3},函数f2中 var obj=c={ name: 'jirengu', age: 2 },obj和c指向同一地址,obj的属性age为3后,c={name='jirengu',age:3}。在将c.age传入函数f1,中 var n=3,++n后,n=4,对象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];
    function filter(arr){
        var newArr = [];
        for(var i=0;i<arr.length;i++){
            if(arr[i]>0){
                newArr.push(arr[i]);
            }
        }
        return newArr;
    }
    var arr2 = filter(arr);
    console.log(arr2); // [3,1,2]
    console.log(arr); // [3,1,0,-1,-3,2,-5]
    

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

    方法1:

        function deepCopy(oldObj){
            var newObj= {};
            for(var i in oldObj){
                if(typeof oldObj[i]==="string" || typeof oldObj[i] === "number" || typeof oldObj[i] === "boolean" ||oldObj[i] === undefined ||oldObj[i] === null){
                    newObj[i]=oldObj[i];
                }else{
                    newObj[i]=deepCopy(oldObj[i]);
                }
            }
            return newObj;
        }
    

    方法2:

        function copy(oldobj){
            return JSON.parse( JSON.stringify(oldobj));
        }
    

    测试:

        var obj1= {
            name:"jirengu",
            sex:"male",
            age:15,
            married:false,
            friends:{
                name: "Clark",
                sex: "female"
            }
        };
    
        var obj2 = deepCopy(obj1);
        obj2.name = "饥人谷";
        obj2.friends.age = 30;
        console.log(obj1);
        /*
        {     
         name:"jirengu",
         sex:"male",
         age:15,
         married:false,
         friends:{
             name: "Clark",
             sex: "female"
          } 
        }
        */
        console.log(obj2);
        /*
         {     
         name:"饥人谷",
         sex:"male",
         age:15,
         married:false,
         friends:{
             name: "Clark",
             sex: "female",
             age: 30
             } 
         }    
        */
        var obj3 = copy(obj1);
        obj3.age = 28;
        obj3.friends.name = "mike";
        console.log(obj3);
        /*
         {     
         name:"jirengu",
         sex:"male",
         age:28,
         married:false,
         friends:{
             name: "mike",
             sex: "female"
             } 
         }
        */
    

    相关文章

      网友评论

          本文标题:引用类型对象拷贝

          本文链接:https://www.haomeiwen.com/subject/kwztgttx.html