引用類型對象拷貝

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

  • 引用類型指保存在堆內存中的對象,變量中保存的實際上是一個指針,這個指針指向內存中的另一個位置,由該位置保存對象。它包含:對象、數(shù)組、函數(shù)、正則表達式。
  • 基本類型指保存在棧內存中的簡單數(shù)據(jù)段。包含:數(shù)值、布爾值、字符串、null、undefined。

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

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2); // false 因為obj1和obj2在堆內存中的位置不一樣,是2個不同的對象
console.log(obj1 = obj2); // Object {a: 1, b: 2} ,將obj2賦值給obj1,obj1的指針指向的是obj2的位置,即輸出obj2的對象
console.log(obj1 == obj2); // true 因為obj1的指針指向的是obj2的位置,此時obj1和obj2指針指向的是相同的對象
// false  Object {a: 1, b: 2}   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) // Object { name: "hello", age: 3 }
console.log(dd) // [1, 2, Object { 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) // 變量a的值是基本類型,將a的值賦給n,n改變時對a無影響
f2(c) // var obj=c 把c的棧內存中的地址賦值給obj,使得obj棧內存的指針指向{ name: 'jirengu', age: 2 }對象
// ++obj.age使{ name: 'jirengu', age: 2 }里面的age自增變?yōu)?。即對象內容變?yōu)閧 name: 'jirengu', age: 3}
f1(c.age) // 相當于在function f1(n){}里面添加var n=c.age(c.age的值是3),故n的值為3,然后自增變?yōu)?,此時n的值為基本類型
console.log(a) // 1  a的值賦給n,而a本身不變,,n自加1時對a無影響
console.log(c) // Object {name: "jirengu", age: 3}

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

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”個位置開始(包括i),刪除1個元素
      i--; // 因為當有一個數(shù)被刪除時,下一個數(shù)的index就變成了現(xiàn)在的這個值。如果繼續(xù)循環(huán)就會錯過下一個元素,所以i自減1   
    }
  }
}
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 arr2 = [];
  var j=0;
  for(i=0;i<arr.length;i++){
    if(arr[i]>0){
      arr2[j]=arr[i]; // arr2.splipe(j,0,arr[i])
      j++;
    }
  } return arr2
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr)  // [3,1,0,-1,-2,2,-5]

7、寫一個深拷貝函數(shù),用兩種方式實現(xiàn)

// 遞推
var a={
  name:'kuma',
  sex:'male',
  age:'24',
  hobby:{
  pet:'dragon',
  love:'famale'
  }
}

var newObj={};
function copy(obj){
  
  for(var key in obj){
    if ( typeof obj[key]=='number' || typeof obj[key]=='string' || typeof obj[key]=='boolean' || obj[key]==null || obj[key]==undefined ){
      newObj[key]=obj[key]
    }else {
        newObj[key]=copy(obj[key])
     }
  }return newObj
}
copy(a)
console.log(a)
console.log(newObj)
a.name='bear'
newObj.hobby.love='girl'
console.log(a)
console.log(newObj)

// JSON
var a={
  name:'kuma',
  sex:'male',
  age:'24',
  hobby:{
  pet:'dragon',
  love:'famale'
  }
}

var newObj={};
JSON.stringify(a)
newObj=JSON.parse(JSON.stringify(a))
console.log(a)
console.log(newObj)
a.name='bear'
newObj.hobby.love='girl'
console.log(a)
console.log(newObj)

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

相關閱讀更多精彩內容

  • 1.引用類型有哪些?非引用類型有哪些非引用類型值,即基本類型值(數(shù)值,布爾值,undefined,null):指保...
    青鳴閱讀 490評論 0 0
  • 引用類型 引用類型變量保存的僅僅是一個指針,指針指向堆內存中保存對象的位置。 所以基本類型復制的時候僅僅復制值,復...
    DeeJay_Y閱讀 636評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些 基本類型值(Number、Boolean、string、null和undef...
    saintkl閱讀 395評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些 基本類型值(數(shù)值、布爾值、null和undefined):指的是保存在棧內存...
    Feiyu_有貓病閱讀 318評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些 ECMA Script中規(guī)定,javascript的基本數(shù)據(jù)類型分為兩類,即...
    66dong66閱讀 363評論 0 0

友情鏈接更多精彩內容