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

引用类型对象拷贝

作者: marmot_ning | 来源:发表于2017-09-02 01:26 被阅读0次

    引用类型对象拷贝

    引用类型有哪些?非引用类型有哪些
    • 非引用类型有:数值、布尔值、null和undefined也叫基本类型(指的是保存在栈内存中的简单数据段)
    • 引用类型有:对象、数组、函数、正则表达式(指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象)
    如下代码输出什么?为什么
    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 (a:1,b:2) true ";第一次是两个引用的位置都为各自的地址,所以运算为false;第二次将obj2的地址赋值给obj1,所以输出为obj2指向的位置的值;第三次运算obj1和obj2的地址因为在第二部是赋值过去的所以运算为true
    
    如下代码输出什么? 为什么
    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=1将a赋值给aa,后面更改a的值不影响aa的值
    console.log(bb)           //输出为"2",b=2将b赋值给bb,后面更改b的值不影响bb的值
    console.log(cc)          //输出为"{name:''hello'',age:3}",将c的地址赋值给cc,修改c地址对应的name的值,则cc地址对应的值也发生变化(d[2]['age'] = 3所以age为3,如果d[2]['age'] 的值不是3,则age也会跟着变化)
    console.log(dd)          //输出为"{1 ,2,{name:"hello",age:3}}",因为a的值为1,b的值为2,在将d赋值给dd之后改变a,b的值,所以对dd的值不会产生影响;因为c赋值给cc,c更改的是c对应的地址内的值,所以cc地址对应的值也会发生更改
    
    
    如下代码输出什么? 为什么
    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";a值为1,进入f1函数,f1函数内var n=a,将a的值赋值给n,则为1,之后进行++n运算,因为a是基本引用类型所以值不受影响
    console.log(c)// 输出为"{name:'jirengu'.age:3}";f2(c)为将c对应的地址赋值给obj,然后做age做运算得到"{name:'jirengu'.age:3}",在进入f1()运算,这个时候age的数据类型为基本类型,所以f1(c.age)运算改变了age的值,但是不会对c对应的地址的值有影响
    
    过滤如下数组,只保留正数,直接在原数组上操作
    var arr = [3,1,0,-1,-3,2,-5]
    function filter(arr){
    }
    filter(arr)
    console.log(arr) // [3,1,2]
    
    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);
                  filter(arr);
                }
        }     
    }
    filter(arr)
    console.log(arr) // [3,1,2]
    
    过滤如下数组,只保留正数,原数组不变,生成新数组
    var arr = [3,1,0,-1,-3,2,-5]
    function filter(arr){
    }
    var arr2 = filter(arr)
    console.log(arr2) // [3,1,2]
    console.log(arr)  // [3,1,0,-1,-2,2,-5]
    
    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 arr1 = filter(arr)
    console.log(arr1) // [3,1,2]
    console.log(arr)//原数组
    
    写一个深拷贝函数,用两种方式实现
     function deepCopy(oldObj) {
            var newObj = {};
            for(var key in oldObj) {
                if(oldObj.hasOwnProperty(key)) {
         if(typeof oldObj[key] === 'object' ||
                    typeof oldObj[key] === 'string' ||
                    typeof oldObj[key] === 'boolean' ||
                    typeof oldObj[key] === 'undefined'||
                    oldObj[key] === null){
                    newObj[key] = deepCopy(oldObj[key]);
                }else{
                    newObj[key] = oldObj[key];
                }
            }
        }
        return newObj;
    }
    
    function deepCopy(oldObj) {
      var newObj = JSON.parse(JSON.stringify(oldObj));
      return newObj;
    }
    var obj1=deepCopy(oldObj)
    console.log(obj1)
    

    相关文章

      网友评论

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

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