美文网首页饥人谷技术博客
引用类型、对象拷贝

引用类型、对象拷贝

作者: 陈智涛 | 来源:发表于2017-01-11 17:06 被阅读0次

    陈智涛

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

    js中的数据类型有以下几种:
    Number Boolean undefined Object Function String Null
    基本类型值就是简单的数据段;引用类型值可能由多个值构成的对象。
    (1)JavaScript中的引用类型的值是保存在堆内存中的,通用访问其地址的方式使用。引用类型有:对象,函数。
    (2)基本类型的数据是存放在栈内存中的,非引用类型有:Number Boolean undefined String Null

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

    var a = 1
    var b = 2
    var c = { name: 'jirengu', 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)  // {name: 'hello', age: 3}
    console.log(dd)  // [1, 2, {name: 'hello', age: 3}]
    
    • 原因:
      var a 和var b 是基本类型,变量的值就存放在栈内存中,当把a和b的值赋值给aa和bb 后,aa 和bb 的值就对应变成了a和b的值,但a和b的值再次改变不会影响aa和bb。但var c和var d 是引用类型,当声明后,对应的c和d存放的是对应存在在堆内存的地址,所以把c和d的值赋值给cc和dd ,也是对应的地址,当c和d的值再次改变,cc和dd 也会改变。

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

    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) //a = 1
    console.log(c)//c = 3
    
    • 原因,同问题2

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

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

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

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

    方法二:
    引用评论方法

    var str = [-4,3,2,2,2,2,32,3,3,4,-2,0,2];
            var newstr = str.filter(function(key){
                return key >0;
            });
            console.log(newstr);
    

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

    说先要理解浅拷贝与深拷贝的区别:
    浅拷贝只会对对象的属性的值依次进行复制,并不会对拷贝对象的的引用类型进行递归拷贝。之就会导致浅拷贝后的对象会和原始对象公用元素中引用类型的地址。
    而深拷贝则是对对象的属性当作对象递归拷贝,这就避免了公用数据对象了。

    • 浅拷贝的例子:
    function shadowCopy(obj) {
      var newobj = {};
      for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
          newobj[key] = obj[key];
        }
      }
      return newobj;
    }
    var obj = { a:1, arr: [2,3] };
    var shadowObj = shadowCopy(obj);
    shadowObj.arr[1] = 4 ;
    obj.arr[1]   // = 4
    
    
    • 深拷贝的两种实现方式:
      方式一,递归:
    function deepCopy(src){
        var dest = {};
        for(var key in src){
            if(typeof src[key] === 'object' && src[key] !==null){
                dest[key] = deepCopy(src[key]);
            }
            else{
                dest[key] = src[key];
            }
        }
        return dest;
    }
    
    var obj = { a:1, arr: [2,3] };
    var deepobj = deepCopy(obj);
    deepobj.arr[1] = 4 ;
    obj.arr[1]   // =3 
    

    方式二,JSON序列化与反序列化

    function deepCopyByJSON(src){
        var dest = JSON.parse(JSON.stringify(src));
        return dest;
    }
    var obj = { a:1, arr: [2,3] };
    var deepobj = deepCopyByJSON(obj);
    deepobj.arr[1] = 4 ;
    obj.arr[1]  //= 3
    

    相关文章

      网友评论

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

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