javascript - 从数组中检索值的更简单方法

有没有比我的代码中使用for循环更简单的方法来检索JSON响应中的值"TestProject"？

[
    {
        "Id": "9ac44c1d-0066-47aa-a2a2-a9b90109b0a5",
        "Group": null,
        "DataFields": [
            {
                "Header": "ProjectID",
                "Value": "TestProject"
            },
            {
                "Header": "uui_ConfigPack",
                "Value": "75e8ce5a-7ae0-41ca-86f0-aca1e7158073"
            }
        ],
        "HasDocuments": null
    }
]

var projResults = JSON.parse(responseBody);

var projNumber = 1;

dataProjectId = projResults[projNumber].Id;

projName = 'Not Found';
for (i = 0; i < projResults[projNumber].DataFields.length; i++)
    {
        if(projResults[projNumber].DataFields[i].Header == "ProjectID")
        {
            projName = projResults[projNumber].DataFields[i].Value;
        }
    }

最佳答案

您可以使用更高阶的函数，例如map filter reduce等。
避免循环。

这是1班轮：

var obj = [
    {
        "Id": "9ac44c1d-0066-47aa-a2a2-a9b90109b0a5",
        "Group": null,
        "DataFields": [
            {
                "Header": "ProjectID",
                "Value": "TestProject"
            },
            {
                "Header": "uui_ConfigPack",
                "Value": "75e8ce5a-7ae0-41ca-86f0-aca1e7158073"
            }
        ],
        "HasDocuments": null
    }
]

console.log(obj.map(i => i.DataFields).flat(1).find(i => i.Header === 'ProjectID').Value);

如SomePerformance和vlaz所述。由于多次迭代，这将导致性能下降。

但是，如果您喜欢声明式编码样式，则可以使用RxJS
您可以在其中执行以下操作：

var obs$ = from(obj);
obs$.pipe(
  flatMap(i => i.DataFields),
  filter(i => i.Header === 'ProjectID' )),
  pluck('Value')
).subscribe(console.log);

基本上可以做同样的事情，但是性能更高。