關(guān)于引用對象拷貝

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

引用類型有:對象、數(shù)組、函數(shù)、正則
非引用類型有:數(shù)字、字符串、boolean、undefined、null

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

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2); //false
console.log(obj1 = obj2);
console.log(obj1 == obj2); //true

因?yàn)閛bj1和obj2是對象,屬于引用類型。
所以變量obj1和obj2只是儲存著內(nèi)存的地址指針。

第一次比較的時候obj1和obj2的指向不同的地址,輸出false

然后 obj2的地址指針賦值給了obj1,覆蓋了obj1原本的地址指針

第二次比較時,obj1和obj2的地址指針已經(jīng)一樣了,所以輸出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) 
console.log(bb) 
console.log(cc)
console.log(dd)

執(zhí)行后:

a = 11
b = 22
c = { name: 'hello', age: 3 }
d = [1, 2, c]

aa = 1
bb = 2
cc = c
dd = d

console.log(aa) //輸出 1   非引用類型直接賦值
console.log(bb) //輸出 2   非引用類型直接賦值
console.log(cc) //輸出 { name: 'hello', age: 3 }  引用類型賦值指向相同位置
console.log(dd) //輸出 [1, 2, { 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) 
console.log(c)
f1(a)相當(dāng)于
function f1(n){
  var n = a;
  ++n;
}
因?yàn)?非引用類型 a = 1,所以 n = 2

f2(c)相當(dāng)于
function f2(obj){
  var obj = c; //賦值的內(nèi)容是c的指針地址
  ++obj.age //等于++c.age
}
此時 c = { name: 'jirengu', age: 3 }

f1(c.age)
funciton f1(n){
  var n = c.age; //c.age是非引用類型,n = 3
  ++n;  //n = 3
}
console.log(a) // 1 
console.log(c) // { name: 'jirengu', age: 3 }
 

5.過濾如下數(shù)組,只保留正數(shù),直接在原數(shù)組上操作

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

6.過濾如下數(shù)組,只保留正數(shù),原數(shù)組不變,生成新數(shù)組

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.寫一個深拷貝函數(shù),用兩種方式實(shí)現(xiàn)

方法1:

function deepCopyFn(obj){
  var newObj = {};
  for(var key in obj){
    if(obj.hasOwnProperty(key)){
      if(typeof obj[key] === "string" || typeof obj[key] === "number" ||
      typeof obj[key] === "boolean" || typeof obj[key] === undefined || typeof obj[key] === null ){
        newObj[key] = obj[key];
      } else {
        newObj[key] = deepCopyFn(obj[key]);
      }
   }
  }
  return newObj;
}

//通過遞歸的方式取到所有基本類型的值和所有引用類型中每一個基本類型的值,
//再逐一賦值給一個新的空對象,實(shí)現(xiàn)深拷貝

方法2:

function deepCopyFn2(obj){
  var newObj = {};
  var objString = JSON.stringify(obj);
  var newObj = JSON.parse(objString);
  return newObj;
}
//把對象的所有值轉(zhuǎn)為字符串,
//再把字符串轉(zhuǎn)為對象賦值給一個新的空對象,實(shí)現(xiàn)深拷貝
//缺點(diǎn):用JSON.stringify方法來在將對象轉(zhuǎn)字符串時會省略值為undefined的鍵

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容