Как я могу объединить 2 объекта javascript, заполнив свойства в одном, если они не существуют в другом? - PullRequest
Новая
       8

Как я могу объединить 2 объекта javascript, заполнив свойства в одном, если они не существуют в другом?

20 голосов
/ 22 мая 2009

Если у меня есть объект Javascript / Assoc. массив определяется так: 

function somefunction(options) {

    var defaults = {
        prop1: 'foo',
        prop2: 'bar'
    };

    //Do stuff here

}

и я хочу использовать это в качестве значений по умолчанию для функции. Поэтому, когда функция вызывается, я хочу заполнить переменную options значениями в defaults, но только если их нет в options.

Итак, допустим, это называлось 

somefunction({ prop1: 'fish' });

Как я могу сделать так, чтобы options был объединен с defaults таким, чтобы я получил это 

{
    prop1: 'fish',
    prop2: 'bar'
}

Ответы [ 5 ]

42 голосов
/ 22 мая 2009

Перечитав вопрос, я понял, что вы, вероятно, ищете что-то еще подобное: 

var a = { 'foo': 'bar', 'baz': 'bat' };
var b = { 'foo': 'quux' };
for (var prop in a) {
    if (prop in b) { continue; }
    b[prop] = a[prop];
}
12 голосов
/ 22 мая 2009

Вы можете посмотреть функциональность 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;
};
2 голосов
/ 17 августа 2010

Я несогласный с PrototypeJS. Мы, Java-типы, предпочитаем OO-дизайн PrototypeJS, а не jQuery. Вот как вы объединяете два объекта / хэш / карты с Proto: 

$H(obj1).merge(obj2).toObject()

На вход obj1 и obj2 это не влияет. Записи карты obj2 имеют приоритет (т.е. obj1 и obj2 имеют одинаковый ключ, значение этого ключа в obj2 будет переопределено).

1 голос
/ 20 апреля 2012

Используя библиотеку Google Closure, это можно сделать так: 

goog.require('goog.object');
function somefunction(options) {
  var defaults = {
    prop1: 'foo',
    prop2: 'bar'
  };
  goog.object.extend(defaults, options);
  // if the property is defined in options it will overwrite value.
}
1 голос
/ 22 мая 2009 
<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...