javascript - 从 json 对象收集数据并创建层次结构

Question

我必须创建一个树结构表，其中包含一些以 json 数组形式给出的数据。

让我们以数组为例

array :
[
{ "continent": "Asia", "country":"India", "population": 100, "GDP":4},
{ "continent": "Asia", "country":"china", "population": 130, "GDP":20},
{ "continent": "Asia", "country":"Pakistan", "population": 20, "GDP":1},
{ "continent": "Europe", "country":"UK", "population": 2, "GDP":15},
{ "continent": "Europe", "country":"France", "population": 4, "GDP":16},
{ "continent": "Europe", "country":"Germany", "population": 5, "GDP":21}
]

表格就像一棵可以展开或折叠的树。让树像，

    continent          country         population       GDP

    Asia           +                   250               25

    Europe         -                   11                52
                       UK              2                 15
                       France          4                 16
                       Germany         5                 21

在上表中我们扩展了欧洲，在下表中我们扩展了亚洲。

    continent           country            population       GDP

    Asia           -                       250              25
                        India              100              4
                        China              130              20
                        Pakisthan          20               1

    Europe       +                         11               52

请帮助我创建具有聚合值的表。

谢谢:)

Answer 1

你提到 javascript在你的标签中，所以我假设你需要 JS 中的答案。我正在为您提供您需要研究的关键字。

首先，声明变量。

var regions = [
  { "continent": "Asia", "country":"India", "population": 100, "GDP":4},
  { "continent": "Asia", "country":"china", "population": 130, "GDP":20},
  { "continent": "Asia", "country":"Pakistan", "population": 20, "GDP":1},
  { "continent": "Europe", "country":"UK", "population": 2, "GDP":15},
  { "continent": "Europe", "country":"France", "population": 4, "GDP":16},
  { "continent": "Europe", "country":"Germany", "population": 5, "GDP":21}
];

然后，您需要一些东西来保存各种答案:

var 结果 = {};//注意，这是一个对象。不是数组。

接下来，使用标准循环处理遍历数组。 for如果您需要支持旧版浏览器，请循环，.forEach如果您只能定位较新的。

在每个循环中，查看是否 continent存在于 results .如果不是，请添加 property值为 0。

然后只需累加 GDP在results[<continent>]