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

js引用类型和对象拷贝

作者: 727上上上 | 来源:发表于2017-09-22 22:54 被阅读0次

    ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值。
    -基本类型值是指保存在栈内存中的简单数据段(number,string,boolear,null,undefined),这5种数据类型是按值访问的,因此可以直接操作保存在变量中的实际的值。
    -引用类型值是指保存在堆内存中的那些可能由多个值构成的对象(对象,数组,函数,正则),变量中保存的实际上只是一个指针,这个指针指向了内存中的另一个位置,由该位置保存对象。

    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  第一个是因为两个都是引用类型值,保存的其实是指针,obj2赋值给obj1后 二者相等。
    */
    
    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)   //a赋值给aa后aa生成一个新的值 ,两者不在关联
    console.log(bb)   //b赋值给bb后bb生成一个新的值,两者不在关联
    console.log(cc)   //c赋值给cc后cc生成一个相同的指针指向同一个对象
    console.log(dd)  //  d赋值给dd后dd生成一个相同的指针指向同一个对象
    //1    2    {neme:hello  age:2}      1,2,{ name: '饥人谷', age: 3 }
    
    var a = 1
    var c = { name: 'jirengu', age: 2 }
    
    function f1(n){
      ++n
    }
    function f2(obj){
      ++obj.age
    }
    
    f1(a)      //a赋值给n后++n
    f2(c)     //c赋值给obj后 ++obj.age即c.age改变
    f1(c.age)   // c.age赋值给n后++n
    console.log(a) 
    console.log(c)
    //    1  {name:'jirengu',age:3}
    
    //过滤如下数组,只保留正数,直接在原数组上操作
    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=i-1;
        }
      }
    }
    filter(arr)
    console.log(arr)  // [3,1,2]
    
    //过滤如下数组,只保留正数,原数组不变,生成新数组
    var arr = [3,1,0,-1,-3,2,-5]
    function filter(arr){
     var newArray={}
      for(var i = 0 ; i < arr.length;i++){
        if(arr[i] >  0) {
            newArray[i]=arr[i]     
        }
      }
      return newArray
    }
    var arr2 = filter(arr)
    console.log(arr2) // [3,1,2]
    console.log(arr)  // [3,1,0,-1,-3,2,-5]
    

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

    //递归
    var school ={
    terchers:{
      name:'li',
      sex:'male'
      },
    students:{
      name:'erer',
      sex:'female'
      }
    }
    function copysc(school){
    
      var newobj ={}
      for (var key in school){
          if(school.hasOwnProperty(key)){
          if(typeof school[key] === 'number'|| typeof school[key] === 'boolean' || typeof school[key] === 'string' || school[key] === undefined || school[key] === null){
               newobj[key]= school[key] 
                }else{
               newobj[key]=copysc(school[key])
                            }
                       } 
              }
                return newobj
    }
    var newSchool = copysc(school)
    console.log(newSchool)
    
    //JSON
    var school ={
    terchers:{
      name:'li',
      sex:'male'
      },
    students:{
      name:'erer',
      sex:'female'
      }
    }
    var newSchool = JSON.parse(JSON.stringify(school))
    console.log(newSchool)
    school.terchers.name= 'xie'
    console.log(newSchool)
    

    相关文章

      网友评论

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

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