JS引用類型對象拷貝

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

  • 基本類型值(數(shù)值悦即、布爾值吮成、null和undefined):指的是保存在棧內(nèi)存中的簡單數(shù)據(jù)段;
  • 引用類型值(對象盐欺、數(shù)組赁豆、函數(shù)、正則):指的是那些保存在堆內(nèi)存中的對象冗美,變量中保存的實際上只是一個指針魔种,這個指針執(zhí)行內(nèi)存中的另一個位置,由該位置保存對象
  • string類型有些特殊粉洼,因為字符串具有可變的大小节预,所以顯然它不能被直接存儲在具有固定大小的變量中叶摄。由于效率的原因,我們希望JS只復(fù)制對字符串的引用安拟,而不是字符串的內(nèi)容蛤吓。但是另一方面,字符串在許多方面都和基本類型的表現(xiàn)相似糠赦,而字符串是不可變的這一事實(即沒法改變一個字符串值的內(nèi)容)会傲,因此可以將字符串看成行為與基本類型相似的不可變引用類型。

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

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);   // false   , 因為兩個不同的對象儲存的指針不一樣淌山。
console.log(obj1 = obj2);    // object { a: 1, b: 2 }   ,  意思是把obj2的指針給obj1, 然后打印出對象obj1
console.log(obj1 == obj2);  // true    ,  因為obj1和obj2的指針相同,所以指針都指向同一個內(nèi)存空間顾瞻,所以兩個對象相等泼疑。

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 , aa = a ,所以aa的值為1,雖然a = 11 改變了a的值荷荤,但是對aa沒有影響退渗。
console.log(bb)   //  2   , 同理如上
console.log(cc)   //  Object { name: "hello", age: 3 }   ,因為cc = c 是對象c 把指針給了cc 蕴纳,所以cc 和c的指針相同会油,都指向同一個內(nèi)存空間,c.name = "hello" 也會影響到cc.name
console.log(dd)  // [ 1, 2, Object { age: 3, name: "hello" } ]  同理如上袱蚓,dd和d指針相同钞啸,指向同一個內(nèi)存空間几蜻,d[2]['age'] = 3喇潘,也影響到對象dd的內(nèi)容

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 ,  首先執(zhí)行函數(shù)f1(a) 結(jié)果是++n得到2,但是a還是等于1梭稚,所以console.log(a) 得到1
console.log(c) //   Object { name: "jirengu", age: 3 }  , 執(zhí)行函數(shù)f2(c) 颖低,其中obj = c,c的指針給了obj弧烤,兩個對象指向同一個內(nèi)存空間忱屑,
                        //   然后++obj.age, 得到age:3  ,再執(zhí)行函數(shù)f1(c.age) 暇昂,其中只是把c.age的值取出來賦給了n ,++n得到4莺戒,但是不影響對象c。
                       // 所以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 (var i=0; i<arr.length; i++){
           console.log(arr[i]);
           if(arr[i] <= 0){
                   arr.splice(i--,1);
            }
     }
      return arr;
}
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 = [];
     for(var i=0, j=0; i<arr.length; i++){
           if(arr[i] > 0) {
                 newArr[j] = arr[i];
                 j++;
           }
     }
  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)

//第一種
function clone(obj){
    var newObject={};
for (var key in obj) {
    if(typeof obj[key] === 'number'||typeof obj[key] === 'boolean'||typeof obj[key] === 'string'||obj[key] ===undefined||obj[key] === null){
      newObject[key]=obj[key];
} else{ 
    newObject[key]=clone(obj[key])
  }
}
return newObject;
}


//第二種
var cloneObj = JSON.parse(JSON.stringify(obj));

//JSON.parse() 方法用于將一個 JSON 字符串轉(zhuǎn)換為對象。
//JSON.stringify() 方法將 JavaScript 對象轉(zhuǎn)換為字符串伸辟。

JSON.parse() 不允許用逗號作為結(jié)尾

// both will throw a SyntaxError
JSON.parse("[1, 2, 3, 4, ]");
JSON.parse('{"foo" : 1, }');

JSON在ie中從ie8開始兼容麻惶,其他類型瀏覽器則幾乎全部兼容,JSON api使用的門檻也變低了信夫,多數(shù)瀏覽器可以直接使用
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末窃蹋,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子静稻,更是在濱河造成了極大的恐慌脐彩,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件姊扔,死亡現(xiàn)場離奇詭異惠奸,居然都是意外死亡,警方通過查閱死者的電腦和手機恰梢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進(jìn)店門佛南,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人嵌言,你說我怎么就攤上這事嗅回。” “怎么了摧茴?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵绵载,是天一觀的道長。 經(jīng)常有香客問我苛白,道長垫桂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任箭跳,我火速辦了婚禮萌狂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘躏率。我一直安慰自己躯畴,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布薇芝。 她就那樣靜靜地躺著蓬抄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪夯到。 梳的紋絲不亂的頭發(fā)上嚷缭,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天,我揣著相機與錄音黄娘,去河邊找鬼峭状。 笑死克滴,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的优床。 我是一名探鬼主播劝赔,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼胆敞!你這毒婦竟也來了着帽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤移层,失蹤者是張志新(化名)和其女友劉穎仍翰,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體观话,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡予借,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了频蛔。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片灵迫。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖晦溪,靈堂內(nèi)的尸體忽然破棺而出瀑粥,到底是詐尸還是另有隱情,我是刑警寧澤三圆,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布狞换,位于F島的核電站,受9級特大地震影響舟肉,放射性物質(zhì)發(fā)生泄漏修噪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一度气、第九天 我趴在偏房一處隱蔽的房頂上張望割按。 院中可真熱鬧膨报,春花似錦磷籍、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至够吩,卻和暖如春比然,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背周循。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工强法, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留万俗,地道東北人。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓饮怯,卻偏偏與公主長得像闰歪,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蓖墅,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,914評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1.引用類型有哪些库倘?非引用類型有哪些 引用類型是指那些保存在堆內(nèi)存中的對象。變量中保存的實際上只是一個指針论矾,這個指...
    高進(jìn)哥哥閱讀 315評論 0 0
  • 引用類型 引用類型變量保存的僅僅是一個指針贪壳,指針指向堆內(nèi)存中保存對象的位置饱亿。 所以基本類型復(fù)制的時候僅僅復(fù)制值,復(fù)...
    DeeJay_Y閱讀 576評論 0 0
  • 1.引用類型有哪些闰靴?非引用類型有哪些2.如下代碼輸出什么路捧?為什么 引用類型有:對象, 數(shù)組, 函數(shù), 正則引用類型...
    billa_8f6b閱讀 300評論 0 0
  • 1.引用類型; 2.過濾數(shù)組; 3.深淺拷貝方法; 1.引用類型有哪些?非引用類型有哪些 引用類型:引用類型(Ob...
    好奇而已閱讀 1,366評論 0 0
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,233評論 0 4