How to sum two object values in javascript

Question

I'm stuck how i sum two object like this:

obj1 = { 
  'over_due_data': 10,
  'text_data': 5
} 

obj2 = {
  'over_due_data': 20,
  'text_data': 5
}

I went this output

obj = {
  'over_due_data': 30,
  'text_data': 10
}

One more thing, don't use a for loop, merge and extend. Is it possible to sum two objects?

Have you tried to iterate over object properties and get their values — Tushar, Apr 06 '17 at 08:32
`Don't use a for loop, merge or extend.` Why not? It will be more dynamic. — Ionut Necula, Apr 06 '17 at 08:33
user like `Number(val1) + Number(val2) + Number(val3)` this will be helpful — Mudassar Zahid, Apr 06 '17 at 08:34
@lonut Seems that is a homework question, with this restrictions. — Reporter, Apr 06 '17 at 08:34
in some case it work like string if you are uploading code somewhere old server or using old cdn or jQuery version, this was happened to me, that's why @George — Mudassar Zahid, Apr 06 '17 at 08:37

prasanth · Accepted Answer · 2020-03-30T11:50:09.277

11

try with simply use Object.keys() and Array#map() function

obj1 = {
  'over_due_data': 10,
  'text_data': 5
}
obj2 = {
  'over_due_data': 20,
  'text_data': 5
}
var obj ={}
Object.keys(obj1).forEach(function(a){
  obj[a] = obj1[a] +obj2[a]

})
console.log(obj)

edited Mar 30 '20 at 11:50

answered Apr 06 '17 at 08:34

prasanth

22,145
4
29
53

score 4 · Answer 2 · answered Apr 06 '17 at 08:37

Another possible solution, using Array#reduce.

var obj1 = {'over_due_data':10,'text_data':5}, obj2 = {'over_due_data':20,'text_data':5},
    obj = Object.keys(obj1).reduce(function(s,a) {
      s[a] = obj1[a] + obj2[a];
      return s;
    }, {})
    console.log(obj);

Özgür Ersil · Answer 3 · 2017-04-06T08:35:38.870

3

Try something like this if you don't want to use loop

    obj1 = { 
      'over_due_data': 10,
      'text_data': 5
    } 
    
    obj2 = {
      'over_due_data': 20,
      'text_data': 5
    }
    var obj = {};
    obj['over_due_data'] = obj1['over_due_data'] + obj2['over_due_data']
    obj['text_data'] = obj1['text_data'] + obj2['text_data']

    console.log(obj)

edited Apr 06 '17 at 08:35

answered Apr 06 '17 at 08:33

Özgür Ersil

6,909
3
19
29

2

Pretty much the only way if they don't want to use a for loop or similar. – George Apr 06 '17 at 08:34

Bouraoui KACEM · Answer 4 · 2020-01-23T15:41:47.610

0

you can code it dynamically :

var resultObject={};
Object.keys(obj1).forEach(function(objectKey, index) {
    resultObject[objectKey]= obj1 [objectKey]+obj2[objectKey];

});

edited Jan 23 '20 at 15:41

answered Apr 06 '17 at 08:41

Bouraoui KACEM

821
1
8
20

1

You should use `Object.keys(obj1).foreach()` instead of `map` because you're updating another object. – Arthur Jan 06 '20 at 18:39

score 0 · Answer 5 · answered May 16 '19 at 11:48

I have used below snippet to sum the two objects even if any of them has additional properties.

This solution is based on Array.prototype.reduce and short-circuit evaluation

Object.keys({ ...obj1, ...obj2 }).reduce((accumulator, currentValue) => {
    accumulator[currentValue] =
        (obj1[currentValue] || 0) + (obj2[currentValue] || 0);
    return accumulator;
}, {});

var obj1 = {
  'over_due_data': 10,
  'text_data': 5,
  'some_add_prop': 80
};

var obj2 = {
  'over_due_data': 20,
  'text_data': 5,
  'add_prop': 100
};


const sumOfObjs = Object.keys({ ...obj1,
  ...obj2
}).reduce((accumulator, currentValue) => {
  accumulator[currentValue] =
    (obj1[currentValue] || 0) + (obj2[currentValue] || 0);
  return accumulator;
}, {});

console.log(sumOfObjs);

score 0 · Answer 6 · answered Jan 06 '20 at 18:36

This question already have a lot of goods answers but I make a version who also handle multi-levels objects:

let sumAllKeys = (obj1, obj2) => Object.keys({...obj1, ...obj2}).reduce((acc, key) => {
  let key1 = obj1 && obj1[key] || 0;
  let key2 = obj2 && obj2[key] || 0;
  acc[key] = (typeof key1 == "object" || typeof key2 == "object")
    ? sumAllKeys(key1, key2)
    : (parseFloat(key1) || 0) + (parseFloat(key2) || 0);
  return acc;
}, {});


// Example: 

let a = {qwerty:1, azerty: {foo:2, bar:3}}
let b = {qwerty:5, azerty: {foo:4}, test:{yes:12, no:13}};
let c = {azerty: {bar:2}, test:{no:1}, another:{child:{subchild:3}}};

console.log("Sum of: ", {a,b,c});
console.log("Equal: ", [a, b, c].reduce(sumAllKeys, {}));

score -2 · Answer 7 · answered Apr 06 '17 at 08:37

-2

Try this might be helpful

obj1 = {
  'over_due_data': 10,
  'text_data': 5
}
obj2 = {
  'over_due_data': 20,
  'text_data': 5
}
var obj ={}
Object.keys(obj1).map(function(a){
  obj[a] = obj1[a] +obj2[a]

})
console.log(obj)

answered Apr 06 '17 at 08:37

Abi

724
6
22

How is this different from prasad's answer? – FakeCaleb Apr 06 '17 at 08:38
2

You could have at least used different identifiers -_- – Amit Joki Apr 06 '17 at 08:39

How to sum two object values in javascript

7 Answers7

Linked

Related