javascript中数组及对象的合并

合并数组的方法：

    1、数组遍历法

var arr1 = [ 1,2,3,4 ];
var arr2 = [ 2,3,4,5 ];
// type 1
for( var i = 0 ; i < arr1.length; i ++){
    arr2.push( arr1[ i ] );
}
console.log( arr2 );//2,3,4,5,1,2,3,4
// type 2
for( var item of arr1) {
    arr2.push(item);
}

    2、concat方法

var arr1 = [ 1,2,3,4 ];
var arr2 = [ 2,3,4,5 ];
arr2 = arr2.concat( arr1 ); 
console.log( arr2 );//2,3,4,5,1,2,3,4

合并对象的方法：

    1、Object.assign()：可用于合并两个或两个以上的js对象，也可以合并json对象

var obj = {
    name:'三毛',
    height:'175cm',
    weight:'55kg',
    skills:['art','sing','dance']
}
var obj2 = {
    zi:'$200'
}
obj = Object.assign(obj,obj2);
console.log(obj);
//{name: "三毛", height: "175cm", weight: "55kg", skills: Array(3), zi: "$200"}

    2、$.extend()：jquery中的对象合并，本意为继承，括号里面的对象可以是js对象，也可以是json对象，但是必须有两个或两个以上的对象。

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
var obj = {
    name:'三毛',
    height:'175cm',
    weight:'55kg',
    skills:['art','sing','dance']
}
var obj2 = {
    zi:'$200'
}
var obj3 = $.extend(obj,obj2);
console.log(obj3);
//{name: "三毛", height: "175cm", weight: "55kg", skills: Array(3), zi: "$200"}

    3、遍历赋值

var obj = {
    name:'三毛',
    height:'175cm',
    weight:'55kg',
    skills:['art','sing','dance']
}
var obj2 = {
    zi:'$200'
}
for( var value in obj ){
    obj2[value] = obj[value];
}
console.log(obj2);
//{name: "三毛", height: "175cm", weight: "55kg", skills: Array(3), zi: "$200"}

var obj = {
    name: '三毛',
	height: '175cm',
	weight: '55kg',
	skills: ['art', 'sing', 'dance']
}
var obj2 = {
	zi: '$200'
}
for(var key in obj) {
	if(obj.hasOwnProperty(key) === true) { 
    //此处hasOwnProperty是判断自有属性，使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问会避免原型对象扩展带来的干扰
    obj2[key]=obj[key];
    }
}
console.log(obj2);
//{name: "三毛", height: "175cm", weight: "55kg", skills: Array(3), zi: "$200"}