Javascript array of object add conditional value

Question

My Array of object is below

 var filterStatus = [{ doc_count: 49, key: "Completed", color: "#1DC9B7" }, { doc_count: 147, key: "Failed", color: "#F14C69" }, { doc_count: 321, key: "In Progress", color: "#FFC568" }, { doc_count: 29, key: "Started" }];

I want to get result which contains Completed, Failed and In progress (Should Contains Started) status

I am trying below code

var result = filterStatus.filter(obj => { if(obj.key == 'Started' || obj.key == 'In Progress'){ return obj}} ).map(obj => obj.doc_count).reduce((p, c) => p + c, 0);

and i am getting result 350

My expected output is

[{ doc_count: 49, key: "Completed", color: "#1DC9B7" }, { doc_count: 147, key: "Failed", color: "#F14C69" }, { doc_count: 350, key: "In Progress", color: "#FFC568" }];

Note: Expected output contains addition of Started and In progress inside In Progress doc_count.

reduce() turns an array into a single value.

user5734311
– user5734311

2019-07-31 09:41:23 +00:00
Commented Jul 31, 2019 at 9:41 — user5734311
– user5734311, Commented Jul 31, 2019 at 9:41

ponury-kostek · Accepted Answer · 2019-07-31 10:00:16Z

1

const filterStatus = [{ doc_count: 49, key: "Completed", color: "#1DC9B7" }, { doc_count: 147, key: "Failed", color: "#F14C69" }, { doc_count: 321, key: "In Progress", color: "#FFC568" }, { doc_count: 29, key: "Started" }];
// filter out "Started"
const result = filterStatus.filter(({key}) => key !== "Started");
// find and update "In Progress"
result.find(({key}) => key === "In Progress").doc_count += filterStatus.find(({key}) => key === "Started").doc_count;
console.log(result)

answered Jul 31, 2019 at 10:00

ponury-kostek

8,0835 gold badges27 silver badges33 bronze badges

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

Comments

ellipsis · Accepted Answer · 2019-07-31 10:01:29Z

1

Use reduce and map seperately

var filterStatus = [{
  doc_count: 49,
  key: "Completed",
  color: "#1DC9B7"
}, {
  doc_count: 147,
  key: "Failed",
  color: "#F14C69"
}, {
  doc_count: 321,
  key: "In Progress",
  color: "#FFC568"
}, {
  doc_count: 29,
  key: "Started"
}];
 var val=filterStatus.map(function(e){
  if(e.key=="In Progress" || e.key=="Started")
  return e.doc_count
  else
  return 0}).reduce(function(acc,e){return acc+=e},0)
var result = filterStatus.filter(function(obj) {
if(obj.key == 'In Progress')
obj.doc_count=val;
      if (obj.key == 'Completed' || obj.key == 'In Progress' || obj.key == 'Failed')
        return obj;
    })
   console.log(result)

edited Jul 31, 2019 at 10:01

answered Jul 31, 2019 at 9:46

ellipsis

12.2k2 gold badges19 silver badges33 bronze badges

2 Comments

ponury-kostek Over a year ago

Result is different from what OP expected

ponury-kostek Over a year ago

Still different from expectations

Joseph · Accepted Answer · 2019-07-31 10:17:05Z

-1

var filterStatus = [{ doc_count: 49, key: "Completed", color: "#1DC9B7" }, { doc_count: 147, key: "Failed", color: "#F14C69" }, { doc_count: 321, key: "In Progress", color: "#FFC568" }, { doc_count: 29, key: "Started" }];


function mergeInProgressStarted () {
 return filterStatus.filter(({key}) => {
   return ['In Progress', 'Started'].indexOf(key) > -1;
}).reduce((acc, status) => {
  acc.doc_count += status.doc_count;
  if (status.color) {
    acc.color = status.color;
  } 
  return acc;
  }, { key: "In Progress", doc_count: 0 })
}



filterStatus.filter(({ key  }) => ['Completed', 'Failed'].indexOf(key) > -1).concat([mergeInProgressStarted()])

edited Jul 31, 2019 at 10:17

answered Jul 31, 2019 at 9:47

Joseph

6925 silver badges17 bronze badges

1 Comment

ponury-kostek Over a year ago

Result is different from what OP expected

Collectives™ on Stack Overflow

Javascript array of object add conditional value

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related