小编Mik*_*Lin的帖子

For 循环不循环 JSON 数组

我从 fetch 中获取了 JSON 格式的运动员姓名列表。使用 for 循环,我想获取花名册 > 运动员 > 姓名下的所有姓名,然后将它们插入到下拉菜单中。

但由于某种原因,循环不起作用。如果我拿出循环并只抓住一名运动员,那就有效了。也许我对数组和对象感到困惑?

JSON代码

{
    "team": {
        "color": "000000",
        "country": "USA",
        "roster": [
            {
                "athlete": {
                    "name": "John Doe",
                    "age": 20
                }
            },
            {
                "athlete": {
                    "name": "Jane Doe",
                    "age": 21
                }
            },
            {
                "athlete": {
                    "name": "Jack Doe",
                    "age": 22
                }
            },
            {
                "athlete": {
                    "name": "Joe Doe",
                    "age": 23
                }
            }
        ]
    }
}
Run Code Online (Sandbox Code Playgroud)

JS代码

async function getAthletes() {

    const getPlayers = document.getElementById('getPlayers')

    await fetch('athlete.json', {
        method: 'GET'
    }) …
Run Code Online (Sandbox Code Playgroud)

javascript arrays json for-loop fetch

1
推荐指数
1
解决办法
66
查看次数

标签 统计

arrays ×1

fetch ×1

for-loop ×1

javascript ×1

json ×1