javascript 배열 및 대상 통합 총괄

	
	
	
	
	



<!-- 1 concat() -->
var arr1 = [1,2,3,4]
var arr2 = [5,6,7,8]
var arr3 = arr1.concat(arr2);
console.log(arr1)
console.log(arr2)
console.log(arr3)
//    concat            ，        
// 2.       
for(var i=0;i<arr2.length;i++){
	arr1.push(arr2[i]);
}
//         arr1   ，arr2     
// 3. apply()    Array.prototype.push.apply(arr1,arr2)    arr1.push.apply(arr1,arr2)
Array.prototype.push(arr1,arr2)
//             
console.log(arr1,arr2)
arr1.push.apply(arr1,arr2)
console.log(arr1,arr2)
// arr1      ， arr2    
//       concat() Array.prototype.push.apply(a,b)    ，        
// function testClass(){
//     var testArray1=[];
//     var testArray2=[];
//     this.resetArray=function(){
//         for(var i=0; i<10000000;i++){
//             testArray1.push(i);
//             testArray2.push(i+10000000);
//         }
//     }
//     this.applyTest=function(){
//         var startTime=0,
//             endTime=0;
//         console.log('        ：'+ (startTime=new Date().getTime()));
//         var aa=Array.prototype.push.apply(testArray1,testArray2);
//         console.log(aa);
//         console.log('        ：'+ (endTime=new Date().getTime()));
//         console.log('          ：'+(endTime-startTime));
//     }
//     this.concatTest=function(){
//          var startTime=0,
//             endTime=0;
//         console.log('        ：'+ (startTime=new Date().getTime()));
//         var aa= testArray1.concat(testArray2);
//         console.log(aa.length);
//         console.log('        ：'+ (endTime=new Date().getTime()));
//         console.log('          ：'+(endTime-startTime));
//     }
// }


// var apply=new testClass();
// apply.resetArray();
// apply.applyTest();


// var concat=new testClass();
// concat.resetArray();
// concat.concatTest();
// 2.    
/**
2.1JQuery extend()  

**    **：jQuery.extend([deep], target, object1, [objectN])

        >                  ，        。

　　　>      target，  jQuery          。         jQuery     。           true， jQuery          ，            (    )。    ，           。             ，                  。
 */
var o1={'a':1};
var o2={'b':2,'c':3};
var o3 = $.extend(o1,o2);
console.log(o3);//{'a':1,'b':2,'c':3}
console.log(o1);//{'a':1,'b':2,'c':3}//o1,o2   
var o4 = $.extend({},o1,o2)
console.log(o4);//{'a':1,'b':2,'c':3}
console.log(o1);//{'a':1}//    o1,o2

/**
2.2Object.assign()  

    ：                          ，        。

Object.assign(target,...sources)

2.2.1      
 */
var obj={a:1,b:2};
var copyObj = Object.assign({},obj);
console.log(copyObj);//{a:1,b:2}

// 2.2.2      
var o1 ={a:1};
var o2={b:2};
var o3={c:3};
var obj = Object.assign(o1,o2,o3);
console.log(obj)//{a:1,b:2,c:3}
console.log(o1)//{a:1,b:2,c:3},          

/**
2.3     

    ：1.    n         

                2.    n      

               3.    o       


 */
var extend=function(o,p){
     for(var p in n){
        if(n.hasOwnProperty(p) &&(!o.hasOwnProperty(p)))
            o[p]=n[p];
      }
};
var obj1={'a':1};
var obj2={'b':2,'c':3};
for(var key in obj2){
    if(obj2.hasOwnProperty(key)===true){//hasOwnProperty        ，  for in          ，                            
        obj1[key]=obj2[key];
    }
}
console.log(obj1);//{'a':1,'b':2,'c':3}

/**
2.4          

2.4.1   
 */
var o1={'a':1};
var o2={'b':{'b1':11,'b2':111}};
 
$.extend(o1, o2);   //o1   o2   
 
console.log(o1)  // {'a':1,'b'{'b1':11,'b2':111}}
console.log(o1.b.b1)  // 11
 
o2.b.b1=999;   //o2    
console.log(o1.b.b1)  // 999  o1.b         ，    o2   
                      // 
// 2.4.2   
var o1={'a':1};
var o2={'b':{'b1':11,'b2':111}};
 
$.extend(true,o1, o2);   //true      
 
console.log(o1)  // {'a':1,'b'{'b1':11,'b2':111}}
console.log(o1.b.b1)  // 11
 
o2.b.b1=999;   //o2    
console.log(o1.b.b1)  //11  o1   o2        ，   o2