引用類(lèi)型對(duì)象拷貝

1.引用類(lèi)型有哪些?非引用類(lèi)型有哪些

  • 非引用類(lèi)型
    number、string 、boolean、以及undefined、null兩個(gè)特殊類(lèi)型
  • 引用類(lèi)型
    包括狹義的Object、Array、Function、正則等.
    非引用類(lèi)型保存在棧當(dāng)中,而非引用類(lèi)型保存在堆當(dāng)中,使用時(shí)由??臻g的指針尋址來(lái)查找到相應(yīng)的堆空間。

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

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 因?yàn)檫@是兩個(gè)址不一致的兩個(gè)值
Object {a: 1, b: 2} 將obj2賦值給obj1
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 都是值傳遞,aa和a都會(huì)開(kāi)辟一個(gè)塊屬于自己的棧空間
console.log(cc) //{name:'hello',age:3} 對(duì)象的賦值是引用傳遞,cc和c都是指向同一塊堆內(nèi)存。
console.log(dd) //[11,22,{name:'hello',age:3}] 數(shù)組的賦值也是引用傳遞

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,因?yàn)閒1(a)只是借用了1的值,并沒(méi)有改變a的值
console.log(c)//輸出Object {name: "jirengu", age: 3},因?yàn)閒2(c),改變了c在堆空間的值,而f1(c.age)只是借用了2這個(gè)值,但沒(méi)有改變其在堆空間里的age值

5.過(guò)濾如下數(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--;
    }
  }
}
filter(arr);
console.log(arr); // [3,1,2]

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

var arr = [3,1,0,-1,-3,2,-5]
var newArr=[];
function filter(arr){
   for (var i=0; i<arr.length; i++) {
    if(arr[i]>0 ){
    newArr.push(arr[i]);
     }
   }
}
filter(arr);
console.log(arr) 
console.log(newArr)// [3,1,2]

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

  • 淺拷貝
var obj = {
    name:'luoqian',
    friend:{
        name:'pangzi',
        sex:'male'
    }
}
function shadowCopy(obj) {
    var newObj = {};
    for (var key in obj) {
        //每一項(xiàng)直接賦值,如果是引用類(lèi)型就會(huì)出問(wèn)題
        newObj[key] = obj[key];
    }
   return newObj;
}
var obj2 = shadowCopy(obj);
obj2.name = 'zhangru';
console.log(obj);
obj2.friend.name = 'zhaohang';
console.log(obj);
//改變非引用類(lèi)型的時(shí),原對(duì)象不會(huì)發(fā)生變化。但是如果有引用類(lèi)型時(shí)就會(huì)影響,所以需要深拷貝
  • 深拷貝方式一
function deepCopy(obj) {
    var newObj = {};

    for (var key in obj) {
        //只賦值對(duì)象自己的屬性,原型上的屬性不賦值
    if (obj.hasownproperty(key)) {
        //由于如果屬性值是引用類(lèi)型就不能直接賦值,所以我們需要判斷一下屬性的類(lèi)型
        //由于typeof null返回值也是object,所以不能直接用typeof obj[key] === 'object'來(lái)判斷
        if (typeof obj[key] === 'number' || typeof obj[key] === 'string' || typeof obj[key] === undefined || typeof obj[key] === null || typeof obj[key] === 'boolean') {
            newObj[key] = obj[key];
        }else {
            //當(dāng)再次遞歸之后,返回的是
             newObj[key] = deepCopy[obj[key]];
        }
    }
    
 }
    return newObj;

}
  • 深拷貝方式二
//利用json.stringify()將對(duì)象轉(zhuǎn)換為字符串,然后再利用json.parse()將字符串轉(zhuǎn)換為對(duì)象
 function deepCopy1(obj) {
    return newObj = JSON.parse(JSON.stringify(obj));
}

兩種深拷貝方式,利用json.stringify()相較而言簡(jiǎn)單直接一些,但可能會(huì)有兼容性問(wèn)題。

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

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

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