引用類型對象拷貝

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

引用類型:對象、數(shù)組、函數(shù)、正則。
非引用類型:數(shù)值、字符串、布爾值、null和undefined。

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
    因為obj1、obj2是引用類型,指的是那些保存在堆內存中的對象,變量中保存的實際上只是一個指針,這個指針指向內存中的一個位置,由該位置保存對象,obj1、obj2的內存位置并不相同,所以相等運算符的布爾值為flase。
  • Object {a: 1, b: 2}
    因為把obj2的指針指向的內存地址賦給obj1,所以輸出的是obj2內存地址的內容。
  • true
    因為上一步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
/*
aa = 1
bb = 2
cc= { name: '饑人谷', age: 2 }
dd = [a, b, c]即dd = [1,2,[name: '饑人谷', age: 2]]
*/
a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3

console.log(aa) 
console.log(bb) 
console.log(cc)
console.log(dd)

結果:

  • 1 因為aa = a = 1
  • 2 因為bb = b = 2
  • Object {name: "hello", age: 3}
    因為cc = c,賦給cc的實際是指向內容{ name: '饑人谷', age: 2 }的內存地址,而且c.name = 'hello'name: '饑人谷'修改為name: 'hello',d[2]['age'] = 3age: 2修改為age: 3
  • [1, 2, Object]
    因為dd = d = [1,2,[name: '饑人谷', age: 2]],即使a = 11,b = 22,c.name = 'hello'也不會影響之前已經賦給的結果。[name: '饑人谷', age: 2]實際是對象類型,所以console.log(dd)輸出[1, 2, Object]。

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

var a = 1
var c = { name: 'jirengu', age: 2 }`
function f1(n){
  ++n   //可以看成是var n = a = 1
}
function f2(obj){
  ++obj.age  //可以看成var obj.age = c.age = 2
}
f1(a) //a仍為1,a傳遞的是值
f2(c) //c.age自增變?yōu)?,c傳遞的是指針。
f1(c.age) //c.age仍為3
console.log(a) 
console.log(c)

結果:

  • 1 因為a傳遞的是值,參數(shù)n改變并不改變ade值
  • Object {name: "jirengu", age: 3}
    因為c傳遞的是指針,參數(shù)obj的.age所指向的值和c.age所指向的值相同,所以obj.age改變引起c.age的改變。

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

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

  1. function deepCopy(obj) {
    var newObj = {};
    for(var key in obj) {
    if(obj.hasownproperty(key)) { //判斷屬性值是否是引用類型
    if (typeof obj[key] === 'number' || typeof obj[key] === 'string'
    || obj[key] === undefined || obj[key] === null
    || typeof obj[key] === 'boolean') { //判斷屬性值是否是數(shù)值,字符串,布爾,undefined,null
    newObj[key] = obj[key];
    }else{
    newObj[key] = deepCopy[obj[key]];
    }
    }
    }
    return newObj;
    }
    2.利用JSON.stringify()將對象轉換為字符串,然后再利用JSON.parse()將字符串轉換為對象

    function deepCopy1(obj) {
    return newObj = JSON.parse(JSON.stringify(obj));
    }

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

相關閱讀更多精彩內容

  • 1.引用類型有哪些?非引用類型有哪些 非引用類型值,即基本類型值(數(shù)值,布爾值,undefined,null):指...
    LINPENGISTHEONE閱讀 254評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些2.如下代碼輸出什么?為什么? var obj1 = {a:1, b:2}; ...
    Rising_suns閱讀 290評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些 基本類型值(Number、Boolean、string、null和undef...
    saintkl閱讀 398評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些 基本類型值(數(shù)值、布爾值、null和undefined):指的是保存在棧內存...
    Feiyu_有貓病閱讀 319評論 0 0
  • 1.引用類型有哪些?非引用類型有哪些非引用類型值,即基本類型值(數(shù)值,布爾值,undefined,null):指保...
    青鳴閱讀 503評論 0 0

友情鏈接更多精彩內容