• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      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ì)( www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù) 
      

      
      

      

      
    
      
      

      				
      
								
			
      
		
      
		
		
	
      


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