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

引用类型对象拷贝

作者: _李祺 | 来源:发表于2017-04-19 21:53 被阅读0次

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

    引用类型:对象、数组、函数、正则。
    非引用类型:数值、字符串、布尔值、null和undefined。

    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是引用类型,指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针指向内存中的一个位置,由该位置保存对象,obj1、obj2的内存位置并不相同,所以相等运算符的布尔值为flase。
    • Object {a: 1, b: 2}
      因为把obj2的指针指向的内存地址赋给obj1,所以输出的是obj2内存地址的内容。
    • true
      因为上一步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
    /*
    aa = 1
    bb = 2
    cc= { name: '饥人谷', age: 2 }
    dd = [a, b, c]即dd = [1,2,[name: '饥人谷', age: 2]]
    */
    a = 11
    b = 22
    c.name = 'hello'
    d[2]['age'] = 3
    
    console.log(aa) 
    console.log(bb) 
    console.log(cc)
    console.log(dd)
    

    结果:

    • 1 因为aa = a = 1
    • 2 因为bb = b = 2
    • Object {name: "hello", age: 3}
      因为cc = c,赋给cc的实际是指向内容{ name: '饥人谷', age: 2 }的内存地址,而且c.name = 'hello'name: '饥人谷'修改为name: 'hello'd[2]['age'] = 3age: 2修改为age: 3
    • [1, 2, Object]
      因为dd = d = [1,2,[name: '饥人谷', age: 2]],即使a = 11,b = 22,c.name = 'hello'也不会影响之前已经赋给的结果。[name: '饥人谷', age: 2]实际是对象类型,所以console.log(dd)输出[1, 2, Object]

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

    var a = 1
    var c = { name: 'jirengu', age: 2 }`
    function f1(n){
      ++n   //可以看成是var n = a = 1
    }
    function f2(obj){
      ++obj.age  //可以看成var obj.age = c.age = 2
    }
    f1(a) //a仍为1,a传递的是值
    f2(c) //c.age自增变为3,c传递的是指针。
    f1(c.age) //c.age仍为3
    console.log(a) 
    console.log(c)
    

    结果:

    • 1 因为a传递的是值,参数n改变并不改变ade值
    • Object {name: "jirengu", age: 3}
      因为c传递的是指针,参数obj的.age所指向的值和c.age所指向的值相同,所以obj.age改变引起c.age的改变。

    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);
                i--;
            }else {
                continue;
            }
        }
    }
    filter(arr)
    console.log(arr) // [3,1,2]
    

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

    如下:

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

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

    1. function deepCopy(obj) {
      var newObj = {};
      for(var key in obj) {
      if(obj.hasownproperty(key)) { //判断属性值是否是引用类型
      if (typeof obj[key] === 'number' || typeof obj[key] === 'string'
      || obj[key] === undefined || obj[key] === null
      || typeof obj[key] === 'boolean') { //判断属性值是否是数值,字符串,布尔,undefined,null
      newObj[key] = obj[key];
      }else{
      newObj[key] = deepCopy[obj[key]];
      }
      }
      }
      return newObj;
      }
      2.利用JSON.stringify()将对象转换为字符串,然后再利用JSON.parse()将字符串转换为对象

      function deepCopy1(obj) {
      return newObj = JSON.parse(JSON.stringify(obj));
      }

    相关文章

      网友评论

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

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