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

引用类型对象拷贝

作者: cctosuper | 来源:发表于2017-11-04 10:55 被阅读0次

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

    • 基本类型(number, string, null, undefined, Boolean)是保存在栈内存中的简单数据段, 因为可以操作保存在变量中的实际值
    • 引用类型(对象, 数组, 函数, 正则表达式)是保存在堆内存中的对象, 变量中保存的实际只是一个指针, 这个指针执行内存中的另外一个位置, 该位置保存对象
    • string虽然属于基本类型, 但是由于自身只读的原因,是无法修改的, 这导致给相同的字符串赋不同的变量, 不同的变量指向了同一个字符串的位置, 有点类似引用类型

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

    var obj1 = {a:1, b:2};
    var obj2 = {a:1, b:2};
    console.log(obj1 == obj2); //false
    console.log(obj1 = obj2); //{a:1, b:2}
    console.log(obj1 == obj2); //true
    /*1.由于一开始声明了两个对象,分别为obj1、obj2,此两个对象都拥有独立不同的地址;故第一个console.log(obj1 == obj2); 输出false,因为他们的地址不一样,属于不同的“变量”,只不过长得一样而已。
    2.然后console.log(obj1 = obj2); 把obj2的地址赋值给obj1,此时obj1,obj2拥有同一个地址。
    3.最后执行console.log(obj1 == obj2)时,由于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
    
    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 }]
    /*
    1.首先定义了a,b,c,d,aa,bb,cc,dd
    2.分别给a,b,c,d赋值,a,b为基本类型,c,d为引用类型,故c,d实际存储为一串地址。
    3.然后分别把a,b,c,d的值赋值给aa,bb,cc,dd,此时aa,bb分别为1,2;cc,dd为c,d的存储地址。
    4.重新给a,b,c,d赋值,其中a,b的值被覆盖,c,d为修改地址中的内容,c,d存储的地址没有修改
    5.运行调试aa,bb分别为1,2;因为第四步只修改了a,b的值,aa,bb没有影响;cc,dd的指向分别为c,d的地址,故cc,dd的值和c,d一样。
    */
    

    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)  //1
    console.log(c) //{ name: 'jirengu', age: 3 }
    /*
    1.首先声明a,c,函数fn1,fn2;a 为基础类型,c为对象:引用类型,故实际存储为一串地址。
    2.运行f1(a),声明n,并将a的值赋值n,n=a=1;++n,此时n=2;
    3.运行f2(a),声明obj,并将c中地址赋值给obj,obj.age=c.age=2,++obj.age=3,此时obj和c都指向同一个地址,地址内容为{ name: 'jirengu', age: 3 }
    4.运行f1(c.age),声明n,将n=c.age=2,++n,此时n=3
    5.调试console.log(a),此时a还是1;故输出1
    6.调试console.log(c),此时c所保存的地址不变,但是地址里面的内容已经被f2函数修改了,故输出{ name: 'jirengu', age: 3 }
    */
    

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

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

    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 arr2 = filter(arr)
    console.log(arr2) // [3,1,2]
    console.log(arr)  // [3,1,0,-1,-2,2,-5]
    

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

    function copy(obj) {
      var newobj = {};
      for (var key in obj) {
        if (obj.hasOwnProperty) {
          if (obj[key] === null || obj[key] === undefined || typeof obj[key] === "string" || typeof obj[key] === "number" || typeof obj[key] === "boolean") {
            newobj[key] = obj[key]
          } else {
            newobj[key] = copy(obj[key])
          }
        }  
      }  
      return newobj
    }
    
    function copy2(obj) {
      return JSON.parse(JSON.stringify(obj));
    }
    

    相关文章

      网友评论

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

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