javascript - 如何使用动态变量访问嵌套的 JSON 数据

Question

我遇到了一个问题，我需要访问带有动态变量的嵌套 JSON。这是我的 JSON:

{
    "Account2": [{
        "accountId": "17467****",
        "containerId": "7454***",
        "path": "accounts\/17467*****\/containers\/7454***",
    }, {
        "accountId": "17467****",
        "containerId": "7519***",
        "path": "accounts\/17467****\/containers\/7519***",
    }],
    "Account 1": [{
        "accountId": "17661****",
        "containerId": "7483***",
        "path": "accounts\/17661****\/containers\/7483***",
    }]
}

在前端使用 AngluarJS 我用它来打印表格，在这里我可以使用“路径”变量来使用 href，然后基于 url 参数进行第二个 API 调用，如下所示:

<td><a href="/gui/tags/{{v1.path}}">View Container</a></td>

v1.path = accounts/17467*****/containers/7454***

现在我的问题是，我想在单击表格以显示一些数据之前发送此调用。问题是当访问具有动态变量的 JSON 时，您可以看到:“Account2”、“Account1”。我不能使用:`$scope.GTMcontainersAccount = response.data.ACCOUNT1;

因为“account1”是动态的，并且会随着用户的不同而变化。

有人有想法吗？正则表达式？

更新:

当我使用:

 $scope.GTMcontainersAccount = response.data;
                    $scope.keys = Object.keys(response.data);
                    for(n in $scope.keys)
                    {
                       $scope.asim = $scope.keys[n];
                       console.log($scope.asim);
                       console.log(response.data[$scope.asim]);
                    }

这给了我这个结果:

所以我必须这样写:

console.log(response.data[$scope.asim][0].accountId);

但这只给了我一行“account2”而不是“account1”

Answer 1

您需要使用 Object.keys() 获取对象的键，然后为每个 key 获取相关的 array 并循环遍历其项目:

Object.keys(data).forEach(function(key) {
  let accounts = data[key];
  if (accounts && accounts.length) {
    accounts.forEach(function(account) {
      console.log(account);
    });
  }
});

演示:

let data = {
  "Account2": [{
    "accountId": "17467****",
    "containerId": "7454***",
    "path": "accounts\/17467*****\/containers\/7454***",
  }, {
    "accountId": "17467****",
    "containerId": "7519***",
    "path": "accounts\/17467****\/containers\/7519***",
  }],
  "Account 1": [{
    "accountId": "17661****",
    "containerId": "7483***",
    "path": "accounts\/17661****\/containers\/7483***",
  }]
};

Object.keys(data).forEach(function(key) {
  let accounts = data[key];
  if (accounts && accounts.length) {
    console.log(key+": ");
    accounts.forEach(function(account) {
      console.log(account);
    });
  }
});