javascript - 如何将 JSON 文件转换为 JS 数组？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

我有来自 Forecast.io 的 API key 这给了我在文件 here 中找到的 JSON 输出。我想创建一些包含的数据的图(例如一段时间内温度的变化)。一旦我将数据放入 JavaScript 数组中，我计划使用 Google Charts API创建图表，但我正在努力找出将 JSON 数据有效转换为 JavaScript 数组的最佳方法。

浏览各个论坛，有几个地方提到他们正在使用 jQuery。这是有必要的吗？如果是这样，您能给我指点一个很好的教程来进行该设置吗？

附注如果你看不出来，我在这方面还是个新手，所以请原谅我对我正在做的事情的了解非常基本。

Answer 1

您可以将 JSON 直接分配给变量，而不需要数组:

var json_object = your_raw_json;

然后您可以使用 json 对象来填充图表上的行。以下是使用您提供的 JSON 中的“ApparentTempMax”的示例:

google.load('visualization', '1', {packages: ['corechart', 'line']});
google.setOnLoadCallback(drawBasic);

function drawBasic() {
    var data = new google.visualization.DataTable();
    data.addColumn('number', 'Day');
    data.addColumn('number', 'ApparentTempMax');

    //WHERE THE DATA IS BEING SET: START

    var rows = new Array;

    var daily_weather_data = json_object.daily.data;
    for(var i=0; i<daily_weather_data.length; i++){
        var day_data = daily_weather_data[i];
        rows.push([i, day_data.apparentTemperatureMax]);
    }

    /*
     At this point rows will look like this:
     [
        [0, 74.24], [1, 68.1], [2, 77.03], [3, 77.68],
        [4, 78.5], [5, 80.36], [6, 87.44], [7, 89.94]
     ]
    */

    data.addRows(rows);

    //WHERE THE DATA IS BEING SET: END

    var options = {
       hAxis: {
          title: 'Day'
       },
       vAxis: {
         title: 'ApparentTempMax'
       }
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

    chart.draw(data, options);
}

功能示例: https://jsfiddle.net/6qpf7tek/2/