進階任務4(主線任務):引用類型對象拷貝

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

  • 基本類型值(數(shù)值、布爾值、null和undefined):指的是保存在棧內存中的簡單數(shù)據(jù)段;
  • 引用類型值(對象、數(shù)組、函數(shù)、正則):指的是那些保存在堆內存中的對象,變量中保存的實際上只是一個指針,這個指針執(zhí)行內存中的另一個位置,由該位置保存對象

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

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,obj1和obj2共用一個地址 
console.log(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 

a = 11 
b = 22 
c.name = 'hello' 
d[2]['age'] = 3 

console.log(aa) //1,a賦值給了aa
console.log(bb) //2,b賦值給了bb
console.log(cc) //{name:'hello',age:3},c的地址賦給cc,所以c指向的地址的值變化時,cc也會變化,c.name = 'hello'修改了name的值,
console.log(dd)//[1,2,{name: "hello", age: 3}],d的地址賦值給dd,d[2]['age'] = 3修改了age的值,地址里面的值修改,dd的值也就會變化。

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。var n=a,將a賦值給了n,n++,但是a不變
console.log(c)//輸出{name: "jirengu", age: 3}。f2()中相當于obj=c。把c指向的地址賦值給了obj,所以++obj.age后,指向的地址內的值發(fā)生了變化,再打印c的時候打印的是指向的地址內的值,所以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); 
        filter(arr);
        } 
       }
 } 
filter(arr) 
console.log(arr) // [3,1,2]

6.過濾如下數(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]

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

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

相關閱讀更多精彩內容

  • 國家電網(wǎng)公司企業(yè)標準(Q/GDW)- 面向對象的用電信息數(shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 12,368評論 6 13
  • 第5章 引用類型(返回首頁) 本章內容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,675評論 0 4
  • 簡單和復雜的辯證關系,如果能簡單化處理問題你就抓住處理復雜事情的能力。本來可以活得很輕松,很真實。而現(xiàn)在的世人...
    徐書成xsc閱讀 283評論 0 0
  • 人說,欲望太多才會心累。欲望又是什么?金錢、權利、家人健康、兒女成才,生、死、情感,柴米油鹽醬醋茶,很多很多吧???..
    簡l閱讀 269評論 0 0
  • 2017年11月28日,應大陸汽車電子(Continental,簡稱Conti)邀請,為來公司參觀的德威(Dulw...
    小魚兒他老漢閱讀 463評論 0 1

友情鏈接更多精彩內容