odfiltrować głęboko zagnieżdżony obiekt i zwrócić nowy obiekt - json, pętle, obiekt, filtr, lodash

Mam zagnieżdżony obiekt na 4 poziomach, który wygląda tak

{
"name": "“Mike”",
"id": 1000,
"img": "“#”",
"children": [
{
"name": "“Jack”",
"id": 1100,
"img": "#",
"married": true,
"children": [
{
"name": "”Julia“",
"id": 1110,
"img": "#"
}
]
},
{
"name": "”Lily“",
"id": 1200,
"img": "#",
"married": true,
"children": [
{
"name": "”Coco“",
"id": 1210,
"img": "#",
"married": true,
"children": {
"name": "”Olivia“",
"id": 1211,
"img": "#",
"married": false
}
}
]
}
]
}

Mam tablicę idToDisplay = ["1000","1100","1200","1210"] Chcę odfiltrować identyfikatory i pominąć części, które nie pasują idToDisplay tak żebym mógł uzyskać nowy obiekt wygląda tak

{
"name": "“Mike”",
"id": 1000,
"img": "“#”",
"children": [
{
"name": "“Jack”",
"id": 1100,
"img": "#",
"married": true,
]
},
{
"name": "”Lily“",
"id": 1200,
"img": "#",
"married": true,
"children": [
{
"name": "”Coco“",
"id": 1210,
"img": "#",
"married": true,
}
]
}
]
}

Jaki jest najlepszy sposób na iterację? Wielkie dzięki!

Odpowiedzi:

Jeśli chcesz tylko zmodyfikować swoje dane na miejscu, możesz rekurencyjnie je przechodzić w następujący sposób:

var data = ... your data ...
var ids = [1000, 1100]
var handleNode = function(node) {
node.children = node.children.filter(x => ids.includes(x.id))
node.children.forEach(handleNode)
}
if (!ids.includes(data.id)) {data = {}}
handleNode(data)

Następnie Twoje dane będą się składać tylko z węzłów z pasującymi identyfikatorami.