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

引用类型对象拷贝

作者: kumabearplus | 来源:发表于2017-05-06 14:44 被阅读6次

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

    • 引用类型指保存在堆内存中的对象,变量中保存的实际上是一个指针,这个指针指向内存中的另一个位置,由该位置保存对象。它包含:对象、数组、函数、正则表达式。
    • 基本类型指保存在栈内存中的简单数据段。包含:数值、布尔值、字符串、null、undefined。

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

    var obj1 = {a:1, b:2};
    var obj2 = {a:1, b:2};
    console.log(obj1 == obj2); // false 因为obj1和obj2在堆内存中的位置不一样,是2个不同的对象
    console.log(obj1 = obj2); // Object {a: 1, b: 2} ,将obj2赋值给obj1,obj1的指针指向的是obj2的位置,即输出obj2的对象
    console.log(obj1 == obj2); // true 因为obj1的指针指向的是obj2的位置,此时obj1和obj2指针指向的是相同的对象
    // false  Object {a: 1, b: 2}   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
    console.log(bb) // 2
    console.log(cc) // Object { name: "hello", age: 3 }
    console.log(dd) // [1, 2, Object { name: "hello", age: 3 }]
    // 对于不同的基本变量,它们在栈内存中的位置不一样,当其赋值改变之后,对其他基本变量无影响。
    // 而对于不同的引用变量,如果它们的指针所指向的位置一样,当其对象内容改变时,其他引用变量的对象也会跟着改变。
    

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

    var a = 1
    var c = { name: 'jirengu', age: 2 }
    
    function f1(n){
      ++n
    }
    function f2(obj){
      ++obj.age
    }
    
    f1(a) // 变量a的值是基本类型,将a的值赋给n,n改变时对a无影响
    f2(c) // var obj=c 把c的栈内存中的地址赋值给obj,使得obj栈内存的指针指向{ name: 'jirengu', age: 2 }对象
    // ++obj.age使{ name: 'jirengu', age: 2 }里面的age自增变为3。即对象内容变为{ name: 'jirengu', age: 3}
    f1(c.age) // 相当于在function f1(n){}里面添加var n=c.age(c.age的值是3),故n的值为3,然后自增变为4,此时n的值为基本类型
    console.log(a) // 1  a的值赋给n,而a本身不变,,n自加1时对a无影响
    console.log(c) // Object {name: "jirengu", age: 3}
    

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

    var arr = [3,1,0,-1,-3,2,-5]
    function filter(arr){
      for(i=0;i<arr.length;i++){
        if (arr[i]<=0){
          arr.splice(i,1); // 表示从第“i”个位置开始(包括i),删除1个元素
          i--; // 因为当有一个数被删除时,下一个数的index就变成了现在的这个值。如果继续循环就会错过下一个元素,所以i自减1   
        }
      }
    }
    filter(arr)
    console.log(arr) // [3,1,2]
    

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

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

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

    // 递推
    var a={
      name:'kuma',
      sex:'male',
      age:'24',
      hobby:{
      pet:'dragon',
      love:'famale'
      }
    }
    
    var newObj={};
    function copy(obj){
      
      for(var key in obj){
        if ( typeof obj[key]=='number' || typeof obj[key]=='string' || typeof obj[key]=='boolean' || obj[key]==null || obj[key]==undefined ){
          newObj[key]=obj[key]
        }else {
            newObj[key]=copy(obj[key])
         }
      }return newObj
    }
    copy(a)
    console.log(a)
    console.log(newObj)
    a.name='bear'
    newObj.hobby.love='girl'
    console.log(a)
    console.log(newObj)
    
    // JSON
    var a={
      name:'kuma',
      sex:'male',
      age:'24',
      hobby:{
      pet:'dragon',
      love:'famale'
      }
    }
    
    var newObj={};
    JSON.stringify(a)
    newObj=JSON.parse(JSON.stringify(a))
    console.log(a)
    console.log(newObj)
    a.name='bear'
    newObj.hobby.love='girl'
    console.log(a)
    console.log(newObj)
    
    

    相关文章

      网友评论

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

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