如何在 html 中使用 JSON 文件？

Question

链接是这样的： https://covid.ourworldindata.org/data/owid-covid-data.json我想用这个数据，比如说，计算总病例数的总和。 然后将案例的总和放入 html 文档中。 但是在文件中它显示了很多不同日期的案例。 我只想要最新的案例（最后一个案例）。 我怎样才能做到这一点？

Answer 1

编辑

我想从每个区域中提取一个数据（例如感染病例总数），并对其进行求和

从你的评论。 无法帮助 HTML 部分，但我可以帮助逻辑部分。

let sum = 0;
Object.keys(data).forEach((key) => (sum += data[key].data[0].total_cases))
console.log(sum)

原来的

我不太明白你想要达到的目标。 我构建了一个小算法来简化 JSON 大数据，这里是您收集数据的 output。 我希望它能帮助你操纵它。 当您澄清需要提取的数据时，我将编辑我的答案。

{
  "AFG": {
    "continent": "Asia",
    "location": "Afghanistan",
    "population": 38928341,
    "population_density": 54.422,
    "median_age": 18.6,
    "aged_65_older": 2.581,
    "aged_70_older": 1.337,
    "gdp_per_capita": 1803.987,
    "cardiovasc_death_rate": 597.029,
    "diabetes_prevalence": 9.59,
    "handwashing_facilities": 37.746,
    "hospital_beds_per_thousand": 0.5,
    "life_expectancy": 64.83,
    "human_development_index": 0.498,
    "data": [
      {
        "date": "2020-02-24",
        "total_cases": 1,
        "new_cases": 1,
        "total_cases_per_million": 0.026,
        "new_cases_per_million": 0.026,
        "stringency_index": 8.33
      }
    ]
  }
}