Как я могу объединить 2 объекта JavaScript, заполнив свойства в том, если они не существуют в другом?
Если они а) легкие и б) не имеют побочных эффектов, я бы сделал их свойства.
Легкий вес, конечно, немного нечеткий, но практическое правило таково: если мне когда-либо придется беспокоиться о вызове свойства (будь то в цикле или где-то еще), возможно, это будет метод.
4 ответа
Вы можете посмотреть либо jQuery, либо Прототипы расширяют функциональность .
Это выглядит так: (взято непосредственно из jQuery)
jQuery.extend = jQuery.fn.extend = function() {
// copy reference to target object
var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options;
// Handle a deep copy situation
if ( typeof target === "boolean" ) {
deep = target;
target = arguments[1] || {};
// skip the boolean and the target
i = 2;
}
// Handle case when target is a string or something (possible in deep copy)
if ( typeof target !== "object" && !jQuery.isFunction(target) )
target = {};
// extend jQuery itself if only one argument is passed
if ( length == i ) {
target = this;
--i;
}
for ( ; i < length; i++ )
// Only deal with non-null/undefined values
if ( (options = arguments[ i ]) != null )
// Extend the base object
for ( var name in options ) {
var src = target[ name ], copy = options[ name ];
// Prevent never-ending loop
if ( target === copy )
continue;
// Recurse if we're merging object values
if ( deep && copy && typeof copy === "object" && !copy.nodeType )
target[ name ] = jQuery.extend( deep,
// Never move original objects, clone them
src || ( copy.length != null ? [ ] : { } )
, copy );
// Don't bring in undefined values
else if ( copy !== undefined )
target[ name ] = copy;
}
// Return the modified object
return target;
};
Перечитав вопрос, я понял, что вы, вероятно, ищете что-то более похожее на это:
var a = { 'foo': 'bar', 'baz': 'bat' };
var b = { 'foo': 'quux' };
for (var prop in a) {
if (prop in b) { continue; }
b[prop] = a[prop];
}
<html>
<head>
<title>Testing</title>
<script type="text/JavaScript">
// The method is simpler than its demonstration:
function merge(obj1, obj2, force){
for(var p in obj2){
if(force || obj1[p]=== undefined) obj1[p]= obj2[p];
}
return obj1;
}
// demo:
var merge_demo= function(){
// set up a to string method, just for the demo
var restring= function(){
var s= [];
for(var p in this){
s[s.length]= p+': '+this[p];
}
return '{ '+s.join(', ')+' }';
}
// define two objects
var O1={
a: 1, b: 2, c: 3
}
var O2={
a: 10, b: 11, d: 4
}
// Begin demo, write the object contents to a string:
var str= 'Object1='+restring.call(O1)+'\nObject2='+restring.call(O2)+'\n\n';
//merge the two objects without overwriting values:
merge(O1, O2);
// Update object contents in string:
str+= 'merge(Object1,Object2)='+restring.call(O1)+'\n\n';
//merge and replace existing values:
merge(O1, O2, true);
// Update and return string:
str+= 'merge(Object1,Object2,true)='+restring.call(O1);
return str;
}
alert(merge_demo());
</script>
</head>
<body>
</body>
</html>
Я противник PrototypeJS. Мы, Java-типы, предпочитаем объектно-ориентированный дизайн PrototypeJS, а не jQuery. Вот как вы объединяете два объекта / хэша / карты с Proto:
$H(obj1).merge(obj2).toObject()
Входные obj1 и obj2 не затрагиваются. Записи карты obj2 имеют приоритет (т.е. obj1 и obj2 имеют один и тот же ключ, значение для этого ключа в obj2 будет отменено).