<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 

  
      
    

          

	
          
		
          
			
          
				
          javascript中數(shù)組和對(duì)象的深拷貝和淺拷貝
          
				
           2018-5-2      seo達(dá)人      
          
			
          
			
          
				
          
    如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

          

          
    
    
          
        1、首先理解一下“深拷貝”和“淺拷貝”的區(qū)別：
    
          
    
          
        淺拷貝：a = b;//a和b中存的是相同的地址，該地址指向堆內(nèi)存中相同的地方，即a和b就是一個(gè)東西，改變a的值b的值也會(huì)跟著改變，同理改變b的值a的值也會(huì)發(fā)生改變；
    
          
    
          
        深拷貝：a和b中存的地址不同，但是地址對(duì)應(yīng)的堆內(nèi)存中的內(nèi)容完全一致，即b是a的副本
    
          
    
          
        2、
    
          
    
          
        （1）數(shù)組和對(duì)象的淺拷貝一樣  ，簡(jiǎn)單的賦值操作
    
          
    
          
        var b = a;
    
          
    
          
        如數(shù)組的淺拷貝：
    
          
    
          
        
          
            
          
                [javascript] view plain copy
                
          
                
          
                
          
                
          
          
            
          
        
          
        
            
            
          1. 
                var a = ['1','2','3'];  
            
            2. 
            
          2. 
                var b = a;  
            
            3. 
            
          3. 
                b[0] = '5';  
            
            4. 
            
          4. 
                console.log('a',a);  
            
            5. 
            
          5. 
                console.log('b',b);  
            
            6. 
        
          
    
          
    
          
        輸出的值為：
    
          
    
          
        
    
          
    
          
        對(duì)象的淺拷貝：
    
          
    
          
        
          
            
          
                [html] view plain copy
                
          
                
          
                
          
                
          
          
            
          
        
          
        
            
            
          1. 
                var a = {name:'1',age:'2',color:'3'};  
            
            2. 
            
          2. 
                var b = a;  
            
            3. 
            
          3. 
                b.name = '5';  
            
            4. 
            
          4. 
                console.log('a',a);  
            
            5. 
            
          5. 
                console.log('b',b);  
            
            6. 
        
          
    
          
    
          
        輸出的值為：
    
          
    
          
        
    
          
    
          
        （2）數(shù)組的深拷貝
    
          
    
          
        ES5：var b = a.concat();
    
          
    
          
        
          
            
          
                [javascript] view plain copy
                
          
                
          
                
          
                
          
          
            
          
        
          
        
            
            
          1. 
                var a = ['1','2','3'];  
            
            2. 
            
          2. 
                var b = a.concat();  
            
            3. 
            
          3. 
                b[0] = '5';  
            
            4. 
            
          4. 
                console.log('a',a);  
            
            5. 
            
          5. 
                console.log('b',b);  
            
            6. 
        
          
    
          
    
          
        輸出的結(jié)果為：
    
          
    
          
        
    
          
    
          
        ES6 let [...b] = a;
    
          
    
          
        （3）對(duì)象的深拷貝
    
          
    
          
        ES5: 
    
          
    
          
        
          
            
          
                [javascript] view plain copy
                
          
                
          
                
          
                
          
          
            
          
        
          
        
            
            
          1. 
                var a = {name:'1',age:'2',color:'3'};  
            
            2. 
            
          2. 
                function copyObj(a) {  
            
            3. 
            
          3. 
                var b = {};  
            
            4. 
            
          4. 
                for(var key in a) {  
            
            5. 
            
          5. 
                b[key] = a[key];  
            
            6. 
            
          6. 
                }  
            
            7. 
            
          7. 
                return b;  
            
            8. 
            
          8. 
                }  
            
            9. 
            
          9. 
                var c = copyObj(a);  
            
            10. 
            
          10. 
                c.name = '5';  
            
            11. 
            
          11. 
                console.log('c',c);  
            
            12. 
            
          12. 
                console.log('a',a);  
            
            13. 
        
          
    
          
    
          
        輸出的結(jié)果為：
    
          
    
          
        
    
          
    
          
        ES6：
    
          
    
          
        let {...b} = a;
    
          
    
          
        
          
    
          
藍(lán)藍(lán)設(shè)計(jì)( m.sdgs6788.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù) 
          

          
          

          

          
    
          
          

          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個(gè)人資料
          
      
    
          
    
          
      
          存檔
          
      
    
          

          

          





久久久久国产成人精品亚洲午夜|
久久久久噜噜噜亚洲熟女综合|
久久这里只精品99re66|
欧美日韩久久中文字幕|
亚洲AV无一区二区三区久久|
久久棈精品久久久久久噜噜|
97久久精品人人做人人爽|
手机看片久久高清国产日韩|
久久久久免费精品国产|
久久久久久免费一区二区三区|
久久e热在这里只有国产中文精品99|
日韩欧美亚洲综合久久影院Ds|
久久精品国产乱子伦|
国产精品一区二区久久精品无码
|
2021国产精品午夜久久|
无码伊人66久久大杳蕉网站谷歌|
亚洲一区二区三区日本久久九|
久久精品视频一|
国产精品欧美久久久久天天影视|
亚洲国产成人久久一区久久|
国产精品视频久久久|
久久精品国产99国产精品|
久久精品无码午夜福利理论片|
久久久久国产|
品成人欧美大片久久国产欧美|
欧美牲交A欧牲交aⅴ久久|
午夜精品久久久久久影视riav|
99久久人人爽亚洲精品美女|
亚洲精品乱码久久久久久蜜桃不卡|
久久97久久97精品免视看秋霞|
国产精品久久久久jk制服|
伊人久久大香线蕉亚洲|
综合久久一区二区三区
|
久久久久久亚洲精品成人|
午夜精品久久影院蜜桃|
精品久久久久久久中文字幕|
东京热TOKYO综合久久精品|
一本色道久久综合狠狠躁|
亚洲&#228;v永久无码精品天堂久久
|
久久天天躁狠狠躁夜夜2020老熟妇|
91精品国产色综合久久|