美文网首页前端进阶
引用类型对象拷贝

引用类型对象拷贝

作者: 冰滩波纹 | 来源:发表于2017-04-28 21:32 被阅读0次

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

    • 引用类型包括:数组、对象、正则、函数
    • 非引用类型(即基本类型):数值、布尔值、null、undefined和Symbol(ES6)

    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        // obj1和obj2指向的地址不相同
    {a:1,b:2}    // obj2指向的地址赋值给obj1
    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) 
    console.log(bb) 
    console.log(cc)
    console.log(dd)
    
    1 // var aa = a是把a的值赋给aa,所以就是1
    2 // 和同理。 
    {name: "hello", age: 3} // var cc = c是把c指向的地址赋给cc,所以c指向的地址的值变化时,cc也会变化,c.name = 'hello'修改了name的值,d[2]['age'] = 3修改了age的值。
    [1,2,{name: "hello", age: 3}] // var dd=d是把d指向的地址赋值给dd,地址里面的值修改,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) 
    console.log(c)
    
    1 
    { name: 'jirengu', age: 3 } // f2(c) 里的c是指针地址,改变变量c里的数值。f1(c.age) 里的c.age是基本类型,不会影响到变量c的数值。
    

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

    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(var i = 0; i < arr.length; i++){
        if(arr[i]<=0){
           arr.splice(i, 1)
           i --
        }
    }
    return arr;
    }
    filter(arr)
    console.log(arr)
    

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

    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 arr2 = []
    for(var i=0; i<arr.length; i ++){
      if(arr[i]>0){
      arr2.push(arr[i])
      }
    }
    return arr2
    }
    var arr2 = filter(arr)
    console.log(arr2)
    console.log(arr) 
    

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

    //方法一
    function deepCopy(oldObj) {
        var newObj = {};
        for(var key in oldObj) {
            if(typeof oldObj[key] === 'object') {
                newObj[key] = deepCopy(oldObj[key]);
            }else{
                newObj[key] = oldObj[key];
            }
        }
        return newObj;
    }
    //方法二
    //优点:简单方便,大多数时候可以满足需求
    //缺点:1.无法复制函数 2.原型链没了,对象就是object,所属的类没了。
    function deepCopy2(oldObj) {
        var newObj = {}
        newObj = JSON.parse( JSON.stringify(oldObj) )
        return newObj
    }
    

    相关文章

      网友评论

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

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