基于 Typescript 中嵌套对象数组的值进行过滤

Question

My json data is of below structure:

[
{"domain":"d1",
"technology":"Java",
"artifacts[{ 
  "artifactName":"app1",
  "hasVersionDiff":true,
  "environment":["DEV","SQA"],
  "version":["Not Available","1.0-R1"]
}]},

{"domain":"d2",
"technology":".net",
"artifacts[{ 
  "artifactName":"app4",
  "hasVersionDiff":false,
  "environment":["DEV","SQA"],
  "version":["1.0-R1","1.0-R1"]}]
}]

This result is compareResults variable. Now I am trying to filter this based on artifacts data (hasVersionDiff flag true) of each record. I am trying to filter using below:

this.compareResults.map(function(ComparisonResult) {
        ComparisonResult.artifacts = ComparisonResult.artifacts.filter(x => x.hasVersionDiff == true)
    });

But it is not filtering, can someone explain why this is not working?

Answer 1

Because with map , you need to return the new item. (I also fixed your object structure to make it valid):

 const compareResults = [{ "domain": "d1", "technology": "Java", "artifacts": [{ "artifactName": "app1", "hasVersionDiff": true, "environment": ["DEV", "SQA"], "version": ["Not Available", "1.0-R1"] }] }, { "domain": "d2", "technology": ".net", "artifacts": [{ "artifactName": "app4", "hasVersionDiff": false, "environment": ["DEV", "SQA"], "version": ["1.0-R1", "1.0-R1"] }] } ]; const modified = compareResults.map(function(ComparisonResult) { ComparisonResult.artifacts = ComparisonResult.artifacts.filter(x => x.hasVersionDiff); return ComparisonResult; }); console.log(modified);

 .as-console-wrapper { max-height: 100% !important; top: auto; }

If you want to remove the entire object if artifacts is empty:

 const compareResults = [{ "domain": "d1", "technology": "Java", "artifacts": [{ "artifactName": "app1", "hasVersionDiff": true, "environment": ["DEV", "SQA"], "version": ["Not Available", "1.0-R1"] }] }, { "domain": "d2", "technology": ".net", "artifacts": [{ "artifactName": "app4", "hasVersionDiff": false, "environment": ["DEV", "SQA"], "version": ["1.0-R1", "1.0-R1"] }] } ]; const modified = compareResults.map(function(ComparisonResult) { ComparisonResult.artifacts = ComparisonResult.artifacts.filter(x => x.hasVersionDiff); return ComparisonResult; }).filter(({ artifacts }) => artifacts.length); console.log(modified);

 .as-console-wrapper { max-height: 100% !important; top: auto; }

Answer 2

I implemented recursive function with which nested array of objects can be filtered layer by layer from top to bottom. Explore, play and modify my script in TS playground