JQuery new Date() 和循环

Question

我正在尝试制作简单的天气应用程序，但遇到了一些问题。 我正在使用 openweathermap.org 的 API 来获取最低和最高温度。 这是我的钥匙：

http://api.openweathermap.org/data/2.5/forecast/daily?callback=fetchData&q=London&appid=redacted&units=metric&_=1481140918291

现在对于我正在使用的 API，他们不提供日期，所以我尝试使用以下代码自行完成：

forecast.list.forEach(function(forecastEntry, index, list){

    today = new Date();

    html += '<p>'+ today + ': ' + forecastEntry.temp.min + '< ' + forecastEntry.temp.max + '</p>'

})

现在这得到了我的一些输出：

2016 年 12 月 7 日星期三 22:29:27 GMT+0100（中欧标准时间）：9.62

2016 年 12 月 7 日星期三 22:29:27 GMT+0100（中欧标准时间）：-6.​​73

2016 年 12 月 7 日星期三 22:29:27 GMT+0100（中欧标准时间）：-7.95

2016 年 12 月 7 日星期三 22:29:27 GMT+0100（中欧标准时间）：-6.​​34

2016 年 12 月 7 日星期三 22:29:27 GMT+0100（中欧标准时间）：-2

2016 年 12 月 7 日星期三 22:29:27 GMT+0100（中欧标准时间）：1.72

我尝试过这样做：

for (i=0;i<8;i++) {
        var today = new Date();
        today.setDate(today.getDate()+i);
        console.log(today);
        html += '<p>' + today + forecastEntry.temp.min + '< ' + forecastEntry.temp.max + '</p>'
}

这解决了天数问题，但由于我的 forEach 循环，我认为它会多次重复我的整个输出。我是 JS 新手，我真的很难解决这个问题。任何帮助，将不胜感激。这是我整个代码的 JSBIN：http://jsbin.com/lafurih/edit?html,js,output

编辑：澄清我的问题。输出显示我想要 8 天，但它显示了 8 次。

Answer 1

错误是您将 for 循环放在 foreach 循环中。这应该有效：http://jsbin.com/hiyupisivi/edit?html,js,output

我删除了 for 循环，并将 i 变量放在 foreach 循环之外，然后每次循环运行时递增它。

函数最终会是这样的：

function fetchData (forecast) {
    console.log(forecast)
    var html = '',
    cityName = forecast.city.name,
    country = forecast.city.country,
    cnt = forecast.cnt
    var i = 0;

    html += '<h3> Weather Forecast for ' + cityName + ', ' + country + ', ' + cnt + ' days</h3>'
    forecast.list.forEach(function(forecastEntry, index, list){
            var today = new Date();
            today.setDate(today.getDate()+i);
            console.log(today);
            html += '<p>' + today + forecastEntry.temp.min + '< ' + forecastEntry.temp.max + '</p>'
            i++;
    })
}