js如何进行多层级的深度拷贝？

Question

需求是这样的，有一个对象avar a = {          a: '1',          b: '2',          d: {               q: {                    r: '3'                  },                w: {                     r: '4'                  }             }         }然后有一个数组，数组每个子项是在对象a的基础上，多一个a.d的每一个子项，结果这样的b = [{       a: '1',       b: '2',       c: {            d: {                 r: '3'               }          }},      {        a: '1',        b: '2',        c: {             d: {                  r: '4'                }           }       }]这个应该是深度拷贝的问题吧，要怎么实现呢，试了JSON.parse(JSON.stringify())的方法发现行不通，r的值都会是4，求大神帮忙解答下

Answer 1

自己用的, 用到underscore的地方可以自己改一下

    var COMMON = {};

    COMMON.merge = function (target, source, source2) {

        if (source && typeof source === 'object') {

            if (!target || typeof target !== 'object') {

                target = _.isArray(source) ? [] : {};

            }

            for (var key in source) {

                if (source.hasOwnProperty(key)) {

                    if (source[key] && typeof source[key] === 'object') {

                        if (!target[key] || typeof target[key] !== 'object') {

                            target[key] = _.isArray(source[key]) ? [] : {};

                        }

                        COMMON.merge(target[key], source[key]);

                    } else {

                        target[key] = source[key];

                    }

                }

            }

        }

        return (source2 && typeof source2 === 'object') ? COMMON.merge(target, source2) : target;

    };

    COMMON.clone = function (obj) {

        if (obj && typeof obj === 'object') {

            if (_.isArray(obj)) {

                return _.map(obj, function (item) {

                    return COMMON.clone(item);

                });

            } else {

                return COMMON.merge({}, obj);

            }

        }

        return obj;

    };