Каков наилучший способ объединить свойства из двух отдельных объектов JavaScript? - PullRequest
Новая
       5

Каков наилучший способ объединить свойства из двух отдельных объектов JavaScript?

0 голосов
/ 19 января 2012

У меня есть объект javascript, который я хотел бы обновить данными из другого объекта.Я хочу добавить новые вещи из нового объекта, обновить старые, используя новый объект, и оставить в покое что-либо в старом объекте, которого нет в новом объекте.(Пример внизу)

Я пробовал различные способы, но они либо полностью перезаписывают объект, либо не каскадируются без ручного выписывания циклов для объектов в объектах и ​​т. Д.

IМы также подумали о рекурсивной функции, которая будет перебирать свойства, проверять, есть ли внутри нее другой объект и вызывает ли он сам себя при обновлении объекта.(не написал это, в надежде на что-то более чистое)

var obj1 = {id:1, name:"asdf", info:{first:3, second:{deeper:3} } };

var obj2 = {id:1, info:{first: 3, second:{deeper:5, new_deeper:6}, third:7}, new_info:7};

Я хотел бы сделать так, чтобы obj1 был эквивалентен:

{id:1, name:"asdf", info:{first:3, second:{deeper:5, new_deeper:6}, third:7}, new_info:7};

Заранее спасибо!

1 Ответ

2 голосов
/ 19 января 2012

Я знаю, что предлагать библиотеку - не всегда хороший ответ, но в jQuery есть метод $.extend, который убийственен для этого. 

// Add TRUE as the last parameter to copy nested objects
var newObj = $.extend(objectA, objectB, true);

Если вы проверите библиотеку, вы можете получить именно эту функцию и использовать ее для своих собственных вещей.

http://code.jquery.com/jquery-1.7.1.js

jQuery.extend = function() {
    var options, name, src, copy, copyIsArray, clone,
        target = arguments[0] || {},
        i = 1,
        length = arguments.length,
        deep = false;

    // 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 ( name in options ) {
                src = target[ name ];
                copy = options[ name ];

                // Prevent never-ending loop
                if ( target === copy ) {
                    continue;
                }

                // Recurse if we're merging plain objects or arrays
                if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
                    if ( copyIsArray ) {
                        copyIsArray = false;
                        clone = src && jQuery.isArray(src) ? src : [];

                    } else {
                        clone = src && jQuery.isPlainObject(src) ? src : {};
                    }

                    // Never move original objects, clone them
                    target[ name ] = jQuery.extend( deep, clone, copy );

                // Don't bring in undefined values
                } else if ( copy !== undefined ) {
                    target[ name ] = copy;
                }
            }
        }
    }

    // Return the modified object
    return target;
};
...