Javascript - 使用 jQuery 将 JSON 嵌套到数组中

Posted 2023-05-08

【中文标题】Javascript - 使用 jQuery 将 JSON 嵌套到数组中

【英文标题】：Javascript - Nested JSON into Array with jQuery

【发布时间】：2017-10-15 23:20:24

【问题描述】：

我有一个小问题，我是编程初学者。我想使用 Erast API，一个 Formula 1 API。我想获取所有赢得单场比赛的车手，请求如下： http://ergast.com/api/f1/current/results/1.json

返回值的结构：

问题是，我不知道如何将 JSON 解析为 JS 数组，我想是这样的：

var names = [];
    var index = 0;
    $.getJSON("http://ergast.com/api/f1/current/results/1.json", function(data, status) 
        $.each(data.MRData.RaceTable.Races, function(name, value) 
            //names.push(value.Results[0].Driver.givenName + " " + value.Results[0].Driver.familyName));
            obj = $.parseJSON(value);
            names.push(obj.Results[0].Driver.givenName);
            //console.log(value.Results[0].Driver.givenName+ " " + value.Results[0].Driver.familyName);
        );
    );

如果有人知道答案，将不胜感激

【问题讨论】：

对整个 JSON 字符串使用 $.parseJSON，然后遍历结果。您正在尝试在解析字符串之前访问 data.MRData。

@DanielBeck，这是错误的信息：jQuery 进行解析。

如果没有看到示例 JSON，很难知道循环中额外的 parseJSON() 调用是否必要。

啊，哎呀，我错过了它是 $.getJSON 而不是 $.get()。谢谢@trincot。在这种情况下，您可能根本不需要在循环中使用 parseJSON。

【参考方案1】：

无需在循环中解析 JSON：jQuery 在其实现 $.getJSON 时已经解码了 JSON。

所以你可以这样做（也可以使用map()）：

$.getJSON("http://ergast.com/api/f1/current/results/1.json", function(data, status) 
    var names = data.MRData.RaceTable.Races.map(function(value) 
        return value.Results[0].Driver.givenName;
    );
    console.log(names);
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>