ReactJS filter complex Json - json

Question

[enter image description here][1]Please help me as I am struggling to get something to work. I have a JSON that represents a tree view in my app.
{
name: 'Global', toggled: true, children: [
{
name: 'Region A', nodeid: 0,chosen: true,pushed: false,
children: [
{ name: 'Town A', nodeid: 1, chosen: true, pushed: false,
children: [{
name : "child 1", pushed: false, chosen:false
}]
},
{ name: 'Town B', nodeid: 2, chosen: false, pushed: false,
children: [{
name : "child 2", pushed: false, chosen: false
}]
}
]
}
]
};
What I want to do is traverse through my JSON and only return the entries which have the chosen property as true.
I tried many things without success so far, would you guys be able to help me?
https://i.stack.imgur.com/r61MO.jpg
onPush(e){
var chosennodes = filters.filterTreeChosen(this.state.data);
this.setState({selectednodes: chosennodes});
}
Then the filter itself:
[Object.filter = (obj, predicate) =>
Object.keys(obj)
.filter( key => predicate(obj\[key\]) )
.reduce( (res, key) => (res\[key\] = obj\[key\], res), {} );
export const isChosen = (chosen) =>{
return chosen == true;
}
export const filterTreeChosen = (nodes) => {
var filtered = Object.filter(nodes, node => node.chosen == true);
console.log(filtered);
};][1]
https://i.stack.imgur.com/IAXZ7.jpg

Answer 1

Check this out. I think it should apply to your task.
const tree = {
name: 'Global', toggled: true, children: [
{
name: 'Region A', nodeid: 0,chosen: true,pushed: false,
children: [
{ name: 'Town A', nodeid: 1, chosen: true, pushed: false,
children: [{
name : "child 1", pushed: false, chosen:false
}]
},
{ name: 'Town B', nodeid: 2, chosen: false, pushed: false,
children: [{
name : "child 2", pushed: false, chosen: false
}]
}
]
}
]
};
function getChosenNodes (nodes) {
let result = [];
nodes.forEach(node => {
if (node.chosen) {
result = result.concat([node.nodeid]);
}
if (node.children) {
result = result.concat(getChosenNodes(node.children));
}
})
return result;
}
console.log(getChosenNodes([tree]))
I've returned only nodeid but you can change it as you need.