Need to check array of object in React.js

Question

I have a bunch of objects inside an array and I have to check status of each object and return a single value for each array.

(10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
0: {projId: 1, task: 'task 1', status: 'completed'}
1: {projId: 1, task: 'task 2', status: 'completed'}
2: {projId: 1, task: 'task 3', status: 'completed'}
3: {projId: 1, task: 'task 4', status: 'completed'}
4: {projId: 1, task: 'task 5', status: 'completed'}
5: {projId: 1, task: 'task 6', status: 'completed'}
6: {projId: 1, task: 'task 7', status: 'completed'}
7: {projId: 1, task: 'task 8', status: 'completed'}
8: {projId: 1, task: 'task 9', status: 'completed'}
9: {projId: 1, task: 'task 10', status: 'completed'}

Need to check the status, and if it is completed for the whole array then return competed else return in progress. The code I tried is given below, but that returns for each object in array.

{GroupedData[key].map(status => ((status.status === "completed")? "Completed" : "In Progress"))}

And I am writing this inside the return of export function in React.js

Avi · Accepted Answer · 2022-02-20 09:30:40Z

1

.map() method is used to change values in a given array and returns that new modified array. In your case, your code changes each value in your array to completed / in progress depending on the status of the object.

In your case, I think that using .some() or .every() will be the best way to go about this. In the code below you are checking that every project has status completed and if that returns true it assigns 'completed' to result, if not it assigns 'in progress'

const result = data.every((project) => project.status === 'completed') ? 'completed' : 'in progress';

answered Feb 20, 2022 at 9:30

Avi

1,4991 gold badge10 silver badges22 bronze badges

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

Comments

Anh Le · Accepted Answer · 2022-02-20 09:24:02Z

0

try this:

yourArrayObject.every((itemObject) => itemObject.status === 'completed') ? 'Completed' : 'In Progress';

answered Feb 20, 2022 at 9:24

Anh Le

2901 silver badge9 bronze badges

Comments

Youssouf Oumar · Accepted Answer · 2023-02-17 14:49:19Z

All the map function does is to take an array and return a modified one. You could use the some function with it, like so:

let GroupedData = [
  [
    { projId: 1, task: "task 1", status: "completed" },
    { projId: 1, task: "task 2", status: "completed" },
    { projId: 1, task: "task 3", status: "completed" },
    { projId: 1, task: "task 4", status: "completed" },
    { projId: 1, task: "task 5", status: "completed" }
  ],
  [
    { projId: 2, task: "task 1", status: "completed" },
    { projId: 2, task: "task 2", status: "completed" },
    { projId: 2, task: "task 3", status: "completed" },
    { projId: 2, task: "task 4", status: "in progres" },
    { projId: 2, task: "task 5", status: "completed" }
  ]
];
let result = GroupedData.map((d) =>
  d.some((p) => p.status !== "completed") ? "In Progress" : "Completed"
);
console.log(result);

Collectives™ on Stack Overflow

Need to check array of object in React.js

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related