引用類型對象拷貝

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

基本類型值(Number、Boolean、string、null和undefined):指的是保存在棧內存中的簡單數據段;
引用類型值(對象、數組、函數、正則):指的是那些保存在堆內存中的對象,變量中保存的實際上只是一個指針,這個指針執行內存中的另一個位置,由該位置保存對象

2.如下代碼輸出什么?為什么

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);輸出//false;因為是兩個不同的指針,分別指向不同的堆內的對象
console.log(obj1 = obj2);//輸出Object {a: 1, b: 2};將obj2賦值給obj1;
console.log(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 } ;
原因:引用類型的復制,同樣會在棧中開辟新的空間,是一個副本,但是這個副本是一個指針,這個指針指向同一個對象。因此改變任何一個變量就會影響另個一個變量。操作c.name='hello'改變了對象c的 name為hello;變量d中d[2]的指針指向對象c,操作d[2]['age'],改變了對象c的age為3
console.log(dd) //[1,2,{ name: 'hello', age: 3 }]
原因:d 中保存的是基本類型a =1,基本類型b=2,
引用類型c ,根據之前描述的基本類型賦值,引用類型賦值的特點,a ,b不變,操作c.name = 'hello'
d[2]['age'] = 3,均影像了對象c;

4.如下代碼輸出什么? 為什么

var a = 1
var c = { name: 'jirengu', age: 2 }

function f1(n){
++n
}
function f2(obj){
++obj.age
}

f1(a); //沒有返回值,同時全局變量a 沒賦值
f2(c); // 沒有返回值,但是改變了引用類型c的age為3
f1(c.age) //沒有返回值,同時全局變量a 沒賦值
console.log(a) //1;由于每次操作沒給a 賦值,所以a不變。
console.log(c) // { name: 'jirengu', age: 3 } //操作f2(c)改變了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 arr2 =  arr.filter(function(item,index,array){//ie8以上
        return (item > 0)
  })
    return arr2;
}

方法二;

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

7.寫一個深拷貝函數,用兩種方式實現

深拷貝理解:深復制不是簡單的復制引用,而是在堆中重新分配內存,并且把源對象實例的所有屬性都進行新建復制,復制后的對象與原來的對象是完全隔離的。
參考網址http://www.cnblogs.com/tracylin/p/5346314.html
方法一

 var array = {
    age:25,
    friends:{
        name:"andy",
        age:16
        }
    }
function deepCopy(oldObj){
  var newObj = {};
  for(key in oldObj){
    if(typeof oldObj[key]==="object" && oldObj[key]!= null){
        newObj[key]=deepCopy(oldObj[key])
    }else{
        newObj[key]=oldObj[key]
    }
}
   return newObj;
}
var obj2 = deepCopy(array);

方法二

var source = {
          name:"source",
          child:{
          name:"child"
          }
     }
var target = JSON.parse(JSON.stringify(source));
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一.引用類型有哪些?非引用類型有哪些引用類型有對象、數組、函數、正則表達式非引用類型:數值、布爾值、null、un...
    邵志遠閱讀 392評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些2.如下代碼輸出什么?為什么? var obj1 = {a:1, b:2}; ...
    Rising_suns閱讀 258評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些 非引用類型值,即基本類型值(數值,布爾值,undefined,null):指...
    LINPENGISTHEONE閱讀 217評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些 引用類型是指那些保存在堆內存中的對象。變量中保存的實際上只是一個指針,這個指...
    高進哥哥閱讀 318評論 0 0
  • 引用類型有哪些?非引用類型有哪些 基本類型值(Undefined、Null、Boolean、Number和Stri...
    jamesXiao_閱讀 159評論 0 0