我从数组获取数据时遇到问题,请您帮忙。这是https://api.covid19api.com/summary的一部分
{
"Global": {
"NewConfirmed": 118483,
"TotalConfirmed": 7458238,
"NewDeaths": 4838,
"TotalDeaths": 424227,
"NewRecovered": 79139,
"TotalRecovered": 3454156
},
"Countries": [
{
"Country": "Afghanistan",
"CountryCode": "AF",
"Slug": "afghanistan",
"NewConfirmed": 683,
"TotalConfirmed": 22142,
"NewDeaths": 21,
"TotalDeaths": 405,
"NewRecovered": 362,
"TotalRecovered": 3013,
"Date": "2020-06-11T15:18:30Z"
},
{
"Country": "Albania",
"CountryCode": "AL",
"Slug": "albania",
"NewConfirmed": 42,
"TotalConfirmed": 1341,
"NewDeaths": 0,
"TotalDeaths": 34,
"NewRecovered": 20,
"TotalRecovered": 980,
"Date": "2020-06-11T15:18:30Z"
}
]
}
我想获取一些数据,例如Global NewConfirmed-如何制作-以下内容不起作用-为什么?
const api_url = "https://api.covid19api.com/summary";
async function getCovid() {
const response = await fetch(api_url);
const data = await response.json();
const {Global['NewConfirmed']} = data;
document.getElementById("global").textContent = Global['NewConfirmed'];
}
getCovid();
确定,以便按照我的说明(如下)及其工作方式从特定国家/地区获取数据:
const api_url = "https://api.covid19api.com/summary";
async function getCovid() {
const response = await fetch(api_url);
const data = await response.json();
const global = data['Global'];
const countries = data['Countries'][0];
document.getElementById("global").textContent = global['NewConfirmed'];
document.getElementById("afganistan").textContent = countries['NewConfirmed'];
}
getCovid();
如果您打算从中解构Global
变量data
,则只需要:
const { Global } = data;
其余的应该工作正常。
请注意,您不需要使用[]
标识符兼容的属性访问权限,因此只需在以下行中执行此操作:
document.getElementById("global").textContent = Global.NewConfirmed;
如果要Global.NewConfirmed
在一个解构命令中提取所有内容,请执行以下操作:
const { Global: { NewConfirmed } } = data;
document.getElementById("global").textContent = NewConfirmed;
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句