Filtering array based on nested property

Question

I have an array of objects which has a nested parameter in it and I want to return only those array elements that pass filter based on that nested parameter which is in turn also an array of objects.

[{q:1,w:2,props:{p:1, messages:[{status:true},{status:false},{status:true}]},
{q:3,w:5,props:{p:2, messages:[{status:false},{status:false},{status:false}]},
{q:7,w:0,props:{p:3, messages:[{status:false},{status:false},{status:true}]}
]

My aim is to filter only those objects that contain at least one message with status true. In this example I would expect to get an array of two objects

[{q:1,w:2,props:{p:1, messages:[{status:true},{status:false},{status:true}]},
{q:7,w:0,props:{p:3, messages:[{status:false},{status:false},{status:true}]}
]

Thanks for help and advice!

Mark Schultheiss · Accepted Answer · 2018-07-27 20:40:25Z

4

some() will let you check if a condition is true at least once. You can use that to filter: filter

let arr = [{q:1,w:2,props:{p:1, messages:[{status:true},{status:false},{status:true}]}},{q:3,w:5,props:{p:2, messages:[{status:false},{status:false},{status:false}]}},{q:7,w:0,props:{p:3, messages:[{status:false},{status:false},{status:true}]}}]

let filtered = arr.filter(item => item.props.messages.some(m => m.status === true))
console.log(filtered)

edited Jul 27, 2018 at 20:40

Mark Schultheiss

34.3k13 gold badges75 silver badges116 bronze badges

answered Jul 27, 2018 at 20:37

Mark

92.6k8 gold badges116 silver badges156 bronze badges

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

Comments

Luke Becker · Accepted Answer · 2018-07-27 20:47:47Z

1

Use filter.

var result= items.filter(item =>{
    return item.props.messages.some(obj => obj.status === true)
})

I created this Fiddle: http://jsfiddle.net/81ue32ra/2/

var items = [{q:1,w:2,props:{p:1, messages:[{status:true},{status:false},{status:true}]}},
{q:3,w:5,props:{p:2, messages:[{status:false},{status:false},{status:false}]}},
{q:7,w:0,props:{p:3, messages:[{status:false},{status:false},{status:true}]}}
];

var result = items.filter(item =>{
   return item.props.messages.some(obj => obj.status === true)
});
    
    
console.log(result);

edited Jul 27, 2018 at 20:47

answered Jul 27, 2018 at 20:41

Luke Becker

8947 silver badges15 bronze badges

2 Comments

Mark Schultheiss Over a year ago

I added your fiddle as a snippet, please run and edit given the syntax issue.

Luke Becker Over a year ago

@MarkSchultheiss Thanks, I had already fixed that in the fiddle, not sure why it didn't save.

Jonas Wilms · Accepted Answer · 2018-07-27 20:36:16Z

0

Just filter the main array and check if some of the messages status property is true.

answered Jul 27, 2018 at 20:36

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

Comments

Gurpreet Singh · Accepted Answer · 2018-07-27 20:39:00Z

0

let data = your array;

data.filter(obj => obj.props.messages.some(message => message.status).length > 0)

answered Jul 27, 2018 at 20:39

Gurpreet Singh

2271 silver badge12 bronze badges

Collectives™ on Stack Overflow

Filtering array based on nested property

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related