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

引用类型对象拷贝

作者: 饥人谷_秦勤 | 来源:发表于2017-10-29 16:34 被阅读0次

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

    JavaScript数据分为基本类型值和引用类型值
    基本类型值(数值、布尔值、字符串、null和undefined):指的是保存在栈内存中的简单数据段;
    引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象

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

    var obj1 = {a:1, b:2};
    var obj2 = {a:1, b:2};
    console.log(obj1 == obj2);//false  obj1和obj2的指针不相同
    console.log(obj1 = obj2);//{a:1, b:2}  obj2的指针赋给obj1,故返回指针指向的数据
    console.log(obj1 == obj2);//true  obj1,obj2指向同一个地址,两者是相等的
    

    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   a,b为基本类型,直接将a储存的值1赋给aa
    console.log(bb)  //2   a,b为基本类型,直接将bb储存的值2赋给bb
    
    console.log(cc) // { name: 'hello', age: 3 }  c,d为引用类型,
    将c,d指针分别赋给cc,dd,当c.name = 'hello',c和cc指针相同,
    故cc.name='hello',而d[2]['age'] = 3,故cc.age=3
    
    console.log(dd) //[1,2,{ name: 'hello', age: 3 }]  a,b为基本类型
    故dd[0]=1,dd[1]=2,c,d为引用类型,故dd[3]={ name: 'hello', age: 3 }
    

    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    全局参数a=1,f1(a)中隐形声明var n=a,a与n无关
    
    console.log(c) //{ name: 'jirengu', age: 3 }     f2(obj),隐形声明obj=c,
    指针相同,指向地址相同, ++obj.age后,c.age和obj.age相同为3
    

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

    方法一
    var arr = [3,1,0,-1,-3,2,-5]
    function filter(arr){
    for(i=0,j=0;i<arr.length;i++){
    if(arr[i]>0){
    arr[j]=arr[i];
    j++;
    }
     }
    arr.length=j 
    }
    filter(arr)
    console.log(arr) // [3,1,2]
    
    方法二
    var arr = [3,1,0,-1,-3,2,-5]
    function filter(arr){
    for(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 arr1=[]
    for(i=0,j=0;i<arr.length;i++){
    if(arr[i]>0){
    
    arr1[j]=arr[i];j++}
    }
    return arr1
    }
    var arr2 = filter(arr)
    console.log(arr2) // [3,1,2]
    console.log(arr)  // [3,1,0,-1,-3,2,-5]
    

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

    方法一
    function deepCopy(obj) {
      var obj2={}
      for(var key in obj){
        if(typeof obj[key]=='object'){
            obj2[key]=deepCopy(obj[key])
             }
      else{obj2[key]=obj[key]}
            }
      return obj2
    }
    obj={'name':'jirengu','age':{'child':12,'aludlt':18}}
    obj2=deepCopy(obj)
    obj.age.child=12345
    console.log(obj2)  //{name: "jirengu", age: {'child':12,'aludlt':18}}
    console.log(obj)  //{name: "jirengu", age: {'child':12345,'aludlt':18}}
    
    方法二
    function deepCopy(obj) {
    obj2=JSON.parse(JSON.stringify(obj))
    return obj2
    }
    obj={'name':'jirengu','age':{'child':12,'aludlt':18}}
    obj2=deepCopy(obj)
    obj.age.child=12345
    console.log(obj2)  //{name: "jirengu", age: {'child':12,'aludlt':18}}
    console.log(obj)  //{name: "jirengu", age: {'child':12345,'aludlt':18}}
    
    方法三
    function deepCopy(obj) {
      var obj2={}
      for(var key in obj){
      /*obj[key]==null||typeof obj[key]==undefined中 typeof null是
    "object",typeof undefined是"undefined",所以判断条件错误*/
     if(typeof obj[key]=='string'||typeof obj[key]=='number'||obj[key]==null|| obj[key]==undefined||typeof obj[key]=='boolean'){
          obj2[key]=obj[key]
             }
      else{
        obj2[key]=deepCopy(obj[key])
            }
      }
      return obj2
    }
    obj={'name':'jirengu','age':{'child':12,'aludlt':18}}
    obj2=deepCopy(obj)
    obj.age.child=12345
    console.log(obj2)  //{name: "jirengu", age: {'child':12,'aludlt':18}}
    console.log(obj)  //{name: "jirengu", age: {'child':12345,'aludlt':18}}
    

    相关文章

      网友评论

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

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