Add columns value in react.js

Question

What is the best approach to add all the columns value?
json

[
  {
    "id": "men",
    "label": "men",
    "value": 3,
    "color": "#468df3"
  },
  {
    "id": "women",
    "label": "women",
    "value": 5,
    "color": "#ba72ff"
  },
  {
    "id": "children",
    "label": "children",
    "value": 5,
    "color": "#a1cfff"
  }
]

I am fetching data from the server I like to add all the values and display it in the console. For example const value = 3+5+5 = 13 in console.

MatrixTXT · Accepted Answer · 2018-10-23 03:46:17Z

6

That's not related to reactjs, simply

let raw = '[{"id": "men","label": "men","value": 3,"color": "#468df3"},{"id": "women","label": "women","value": 5,"color": "#ba72ff"},{"id": "children","label": "children","value": 5,"color": "#a1cfff"}]';

let data = JSON.parse(raw);
let sum_value = data.reduce((sum, current)=>{
    return sum + current.value
}, 0);

console.log(sum_value);

edited Oct 23, 2018 at 3:46

answered Oct 23, 2018 at 1:28

MatrixTXT

2,5021 gold badge16 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Julio Betta Over a year ago

you have to initialize the reduce with 0. otherwise you get "[object Object]55" as the result =)

Frish Over a year ago

today I learned about reduce()

Collectives™ on Stack Overflow

Add columns value in react.js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related