有没有一种简单的方法来合并对象并对它们的 int 属性求和而不是在 javascript es2018 中覆盖？

Question

好的，这就是我的想法。

我有两个示例对象

let obj1 = { x: 60 };

let obj2 = { x: 9 };

我想合并这些对象，使它们的整数属性也结合起来，而不是相互覆盖，所以最终结果将是

let obj3 = { x: 69 };

所以我研究了 Object.assign，但是如果其他对象具有同名的属性，此函数只会以有利于第一个对象的属性的方式合并属性, 并且不对整数属性求和。

当然，我可以只创建一个循环遍历每个对象的属性并创建一个具有求和属性的新对象的函数，但这会更长，我想知道是否已经有一个函数可以做到这一点很容易喜欢 Object.assign 的行为方式。

谢谢。

Answer 1

如果你想使用 Lodash 库，你可以使用 mergeWith 方法。

let obj1 = { x: 60, b: "foo", c: {y: 3, x: 'bar'} };
let obj2 = { x: 9, a: 'bar', c: {y: 4} };

const sum = _.mergeWith(obj1, obj2, (a, b) => {
  if (_.every([a, b], _.isNumber)) return a + b;
})

console.log(sum)

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

Answer 2

像这样？

let obj1 = { x: 60 };
let obj2 = { x: 9 };

let obj3 = [obj1, obj2].reduce((s,a)=>{return {x: s.x+a.x}}, {x:0});
 
console.log(obj3);

// or more shortener:

obj3 = {x:[obj1, obj2].reduce((s,a)=> s + a.x,0)};

console.log(obj3);

// for arbitrary properties, not just x:

keys = Object.keys(obj1),
obj3 = [obj1, obj2].reduce(function (r, o) {
    keys.forEach(function (k) {
        r[k] += o[k];
    });
    return r;
}, keys.reduce(function (r, k) {
    r[k] = 0;
    return r;
}, Object.create(null)));

console.log(obj3);

Answer 3

您可以通过任意数量的对象来减少对象，并通过尊重嵌套对象来减少 key/value 对。

const
    add = (...a) => a                         // take all parameters
        .map(Object.entries)                  // get entries
        .reduce((a, b) => [...a, ...b], [])   // flat entries
        .reduce((o, [k, v]) => {
            o[k] = v && typeof v === 'object' // assign if object
                ? add(o[k] || {}, v)          //   result of recursive call
                : (o[k] || 0) + v;            //   or sum the value
            return o;
        }, {});

let obj1 = { x: 60, y: { z: 3 } },
    obj2 = { x: 9, y: { z: 1, a: 32 } },
    obj3 = { y: { a: 10 } },
    result = add(obj1, obj2, obj3);

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

有没有一种简单的方法来合并对象并对它们的 int 属性求和而不是在 javascript es2018 中覆盖？

Is there an easy way to merge objects and sum their int properties instead of overriding in javascript es2018?

javascript

ecmascript-6

ecmascript-2016