合并/ Concat的类似方法对JavaScript对象..没有扩展

Question

我想加盟嵌套对象与同类项：

var obj1 = { 
    id: 1, 
    styles: { 
    background: "white" 
    } 
}; 

var obj2 = { 
    id: 2, 
    styles: { 
    border: "1px solid #ccc" 
    } 
}; 

var merged = merge(obj1, obj2); 

// desired outcome 
merged = { 
    id: 2, 
    styles: { 
    background: "white", 
    border: "1px solid #ccc" 
    } 
} 

jQuery的延长是我见过从来没有CONCAT对象属性的方法以及类似的，这是我正在寻找的东西。除了构建这个方法我自己，我希望并非常肯定已经有一个解决方案，这个..

Answer 1

jQuery.extend你想要做什么。

var obj1 = { 
 
    id: 1, 
 
    styles: { 
 
    background: "white" 
 
    } 
 
}; 
 

 
var obj2 = { 
 
    id: 2, 
 
    styles: { 
 
    border: "1px solid #ccc" 
 
    } 
 
}; 
 

 
var merged = jQuery.extend(true, obj1, obj2); 
 

 
// desired outcome 
 
console.log(merged); 
 
console.log({ 
 
    id: 2, 
 
    styles: { 
 
    background: "white", 
 
    border: "1px solid #ccc" 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 2

这里有一个简单的方法，我写了这很好的伎俩，并且不需要你导入一个巨大的图书馆只是这个功能。

function extend(obj /* , ...source */) { 
    for (var i = 1; i < arguments.length; i++) { 
     for (var key in arguments[i]) { 
     if (Object.prototype.hasOwnProperty.call(arguments[i], key)) { 
      obj[key] = (typeof arguments[i][key] === 'object' ? extend(obj[key], arguments[i][key]) : arguments[i][key]); 
     } 
     } 
    } 
    return obj; 
    }