React : filter get value from array of objects with specific key and group result into array

Question

I have an array of objects which has a structure like this

[
  {
    title : 'Some title 1' , 
    newList: [{list: 'list 1', isCheck: true},{list: 'list 2', isCheck: false}]
  },
  {
    title : 'Some title 2' , 
    newList: [{list: 'list 2.1', isCheck: true}, {list: 'list 2.2', isCheck: false}
  },
  {
    title : 'Some title 3' , 
    newList: [{list: 'list 3.1', isCheck: false}, {list: 'list 3.2', isCheck: false}
  },
 ...
]

so I want to take a list value where isCheck is true and group them into an array.

I've tried using the following filter function

let data = stateDataListTask.map(el => {
   return el.newList.filter(sub=> sub.isCheck === true);
});

but the problem is that the returned value is not just 'list' value and and some empty array when using filter

[[{list: 'list 1', isCheck: true}],[],[{list: 'list 3', isCheck: true}],[],[],[]]

so how do i just take the list data and group them into an array

The syntax of your input is invalid, consider fixing it first — CertainPerformance
– CertainPerformance, Commented Jul 26, 2022 at 4:22

Daniel Duong · Accepted Answer · 2022-07-26 04:40:20Z

1

You just need to use a flat map to flatten the array

stateDataListTask.flatMap(({ newList }) => newList.filter((list) => list.isCheck)).map(el => {
    return el.list;
  });

Also converting a boolean to a boolean is redundant

sub.isCheck === true // Don't do this

edited Jul 26, 2022 at 4:40

answered Jul 26, 2022 at 4:34

Daniel Duong

1,1126 silver badges11 bronze badges

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

Comments

Ali Tarani · Accepted Answer · 2022-07-26 04:33:32Z

0

as i understand U need a filtered list that contain true isChecked item. isnt it.

checkout this code for filtering data:

let data = stateDataListTask.filter(el => el.newList["isCheck"]);

answered Jul 26, 2022 at 4:33

Ali Tarani

1581 silver badge8 bronze badges

Collectives™ on Stack Overflow

React : filter get value from array of objects with specific key and group result into array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related