引用類型與對象拷貝

1.引用類型有哪些?非引用類型有哪些2.如下代碼輸出什么?為什么

引用類型包括:對象,數(shù)組,正則,函數(shù)。指的是保存在堆內存中的對象,棧中保存的實際上只是一個指針,這個指針指向堆內存中的另一個位置,由該位置保存對象。
非引用類型:數(shù)值,布爾值,null,undefined。指的是保存在棧內存中的簡單數(shù)據(jù)段。

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2); // false ,obj1與obj2的地址值不同 
console.log(obj1 = obj2);   // {a:1,b:2}  ,講obj2的地址值賦值給obj1
console.log(obj1 == obj2); // true ,上一步已將obj2的地址值賦值給obj1,所以true

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

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 var aa = a ,a是基本類型,將a=1的賦給aa
console.log(bb)   // 2 var bb = b ,b是基本類型,將b=2的賦給bb
console.log(cc)   // { name: 'hello', age:3 },c和d為引用類型,賦值時將cd的地址賦給cc,dd,c與cc共用一個堆內存,d與dd也共用一個堆內存,因此cd的值變化時,cc,dd也變化
console.log(dd)  // [1,2,{name: 'hello', age:3}] //d中的ab是基本類型,沒有變化,cd為引用類型,值發(fā)生變化時,cc,dd也會變化

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

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 f1中相當將 a=1賦給n,a是基本類型,++n與a的值沒任何關系
console.log(c)   //  { name: 'jirengu', age: 3 } f2(c)后c= { name: 'jirengu', age: 3 },c.age=3是基本類型,f1(c.age)將基本類型賦值給n,++n后c.age=3不變

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

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

var arr = [3,1,0,-1,-3,2,-5]

var arr2 = arr.filter(function(x){
            if(x>0){
                return true;
            }else{
                return false;
            }
})
console.log(arr2) // [3,1,2]
console.log(arr)  // [3,1,0,-1,-2,2,-5]


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



//方法1
var obj1 = {
   name: 'a',
   age: 2,
   xxx: {
     name: 'aaa',
     age: 2
   }
 };

 function copy(obj) {
   var newobj = {};
   for (var key in obj) {
     if (obj.hasOwnProperty(key)) {
       if (typeof obj[key] === 'number' || typeof obj[key] === 'boolean' || typeof obj[key] === 'string' || obj[key] === undefined || obj[key] === null) {
         newobj[key] = obj[key];
       } else {
         newobj[key] = copy(obj[key]);
       }
      }
   }
   return newobj;
 }
 var obj2 = copy(obj1);
 console.log(obj2);
//方法2
 var obj1 = {
   name: 'a',
   age: 2,
   xxx: {
     name: 'aaa',
     age: 2
   }
 };

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

相關閱讀更多精彩內容

  • 第5章 引用類型(返回首頁) 本章內容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,675評論 0 4
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,644評論 18 399
  • 從三月份找實習到現(xiàn)在,面了一些公司,掛了不少,但最終還是拿到小米、百度、阿里、京東、新浪、CVTE、樂視家的研發(fā)崗...
    時芥藍閱讀 42,789評論 11 349
  • 本章內容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的 JavaScript 類型 使用基本類型和基本包裝類型 引用類型的...
    悶油瓶小張閱讀 775評論 0 0
  • 街頭的一幕讓心揪著揪著,好似難受。不痛但心慌。 聽到一陣撕心裂肺的哭聲從對面馬路傳過,路人們都將視線轉移過去。 只...
    隨手寫心閱讀 184評論 0 0

友情鏈接更多精彩內容