用另一个对象深度替换一个对象中的值 - javascript

Question

您好，我正在使用 javascript/node.js。我有两个数据对象。 （请注意，真实的物体比这复杂得多。）

    const original = {
        'totAmount': 10,
        'testVal': 'zzzzzzzz',
        'potentialPaid': 10,
        'depositAmount': 10,
        'payment': {
            'amount': 10,
             'testVal': 'zzzzzzzz',
            'details': {
                'amount': 10,
                'testVal': 'zzzzzzzz',
                'statusHistory': {
                    'amount': 10,
                    'testVal': 'zzzzzzzz'
                }
            }
        },
        'coupon': {'test': 1000}
    };

和

const dataToUpdate = {
        'totAmount': 65,
        'potentialPaid': 65,
        'depositAmount': 65,
        'payment': {
            'amount': 65,
            'details': {
                'amount': 65,
                'statusHistory': {
                    'amount': 65
                }
            }
        },
        'coupon': {}
    };

我想用相同的键替换 dataToUpdate 中的 original 中的所有值。

我的预期结果是

    const original = {
        'totAmount': 65,
        'testVal': 'zzzzzzzz',
        'potentialPaid': 65,
        'depositAmount': 65,
        'payment': {
            'amount': 65,
            'testVal': 'zzzzzzzz',
            'details': {
                'amount': 65,
                 'testVal': 'zzzzzzzz',
                'statusHistory': {
                    'amount': 65,
                    'testVal': 'zzzzzzzzz
                }
            }
        },
        'coupon': {}
    };

• 原始对象中具有相同键的所有值都应替换为其他对象值。

我正在研究各种解决方案，例如 Object.assign() .merge in lodash 和许多其他解决方案。

我已经坚持了 3 个多小时，但我仍然找不到任何解决方案。

有没有可以做这种事情的默认javascript函数？ ， 请帮忙。

提前致谢。

Answer 1

经过一番研究，我发现自 4.0.0 版以来，lodash 有一个 mergeWith 函数，可让您为合并应用自定义条件。

我在这里添加了一个适用于您的示例的 jsfiddle，但可能需要稍微调整以涵盖其他一些场景（但我不确定）。

jsfiddle 中可以让您自定义合并条件的函数是这样的：

function customizer(objValue, srcValue) {
  if (_.isEmpty(srcValue)) {
    return srcValue;
  }
  else {
    _.merge(objValue, srcValue);
  }
}

这里是 jsfiddle：

http://jsfiddle.net/q9g2L60g/

我希望这会有所帮助。

Answer 2

Lodash 的 _.mergeWith() 是开箱即用的递归。 _.mergeWith() 接受定制器功能。如果定制器返回undefined，_.mergeWith() 使用它的默认合并规则。

const original = {"totAmount":10,"testVal":"zzzzzzzz","potentialPaid":10,"depositAmount":10,"payment":{"amount":10,"testVal":"zzzzzzzz","details":{"amount":10,"testVal":"zzzzzzzz","statusHistory":{"amount":10,"testVal":"zzzzzzzz"}}},"coupon":{"test":1000}};
const dataToUpdate = {"totAmount":65,"potentialPaid":65,"depositAmount":65,"payment":{"amount":65,"details":{"amount":65,"statusHistory":{"amount":65}}},"coupon":{}};

const result = _.mergeWith(original, dataToUpdate, (objValue, srcValue) => _.isEmpty(srcValue) ? srcValue : undefined);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 3

我做了一个自定义函数来替换对象中的嵌套属性，包括数组、对象和日期。

const a = {
  name: 'John Doe',
  email: 'john@mail.com',
  location: {
    country: {
      name: 'Japan',
      abbr: 'JP',
    },
    place: 'Tokyo',
  },
  phone: [123, 456],
  age: new Date('2021-05-15T15:28:37.453Z'),
};

const b = {
  email: 'johndoe@mail.com',
  location: {
    country: {
      name: 'Canada',
      abbr: 'CA',
    },
  },
  phone: [123],
  age: new Date('2001-08-15T15:28:37.453Z'),
};

const superReplace = (object, value) => {
  let replace = {};

  Object.keys(object).forEach(prop => {
    if (value[prop] !== undefined) {
      if (Array.isArray(object[prop])) replace[prop] = value[prop];
      else if (value[prop] instanceof Date) {
        replace[prop] = value[prop];
      } else if (typeof object[prop] === 'object' && object[prop] !== null) {
        replace[prop] = superReplace(object[prop], value[prop]);
      } else replace[prop] = value[prop];
    } else replace[prop] = object[prop];
  });

  return replace;
};

console.log(superReplace(a, b));
// {
//   name: 'John Doe',
//   email: 'johndoe@mail.com',
//   location: { country: { name: 'Canada', abbr: 'CA' }, place: 'Tokyo' },
//   phone: [ 123 ],
//   age: 2001-08-15T15:28:37.453Z
// }