粗大的内捧猛烈进出小视频,日本成人精品视频一区,在线播放亚洲成人av,精品人妻少妇嫩草av专区,亚洲AV永久久久久久久浪潮,性导航app精品视频,九九热精品免费视频,一本一本大道香蕉久在线播放 

  
      
    

        

	
        
		
        
			
        
				
        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.xintaizi.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è)人資料
        
      
    
        
    
        
      
        存檔