从5天的天气预报JS开始，如何获得当天的最小和最大温度

Question

我正在构建需要显示5天天气预报的Web应用程序。我从https://openweathermap.org/forecast5获取数据，我的想法是使用API槽中的8个数组索引中的数据，每天添加信息。删除我的英语不好，这是可以更好地理解的屏幕截图-https：//i.stack.imgur.com/rjhtv.jpg这是API示例-https：//samples.openweathermap.org/data/data/2.5/forecast？= m％c3％bcnchen，de＆amp; appid = b6907d289e10d714a6e88b30761fae22

从屏幕截图中可以看出，索引0从最后3小时循环（12、15、16等）获取天气数据。在几乎每种情况下，我每天都会收到数据。

我不明白如何每天获得最小值和最大价值。如果今天的数据是从索引0处的15:00开始，那么此时我将无法获取信息。我只能在15:00到00:00之间得到温度。

第一天，我从API获取此信息：

.list[0].dt_txt
.list[0].main.temp
.list[0].weather[0].description

在第二个8中，第三16等...

Answer 1

如前所述，使用历史记录API。要获取今天的慕尼黑的价值 接下来的4天，请使用以下内容：

const getStartAndEndDateTimestamps = increment => {
    let startDate = new Date();
    startDate.setDate(startDate.getDate() + increment);
    startDate.setHours(0,0,0,0);
    let endDate = new Date();
    endDate.setDate(endDate.getDate() + increment);
    endDate.setHours(23,59,59,999);
    return {
        start: startDate.valueOf(),
        end: endDate.valueOf()
    };
};
const city = 'München';
[0, 1, 2, 3, 4].forEach(increment => {
    const timestamps = getStartAndEndDateTimestamps(increment);
    const requestUrl = `http://history.openweathermap.org/data/2.5/history/city?q=${encodeURIComponent(city)}&type=hour&start=${timestamps.start}&end=${timestamps.end}`;
    // get & process API data
});

Answer 2

也许您可以使用API的历史版本。也许其他选项可能是为历史值创建服务器端cookie或小数据库。

Answer 3

根据响应从给定的API

获得

let weather=" assign response got from API to here";
let minArray=[];
let maxArray=[];  
for (let i of weather.list)  
 {  minArray.push(Number( i.main.temp_min)) ; 
    maxArray.push(Number(i.main.temp_max));  }
  console.log("min temp is "+ Math.min(...minArray));
 console.log("max temp is "+ Math.max(...maxArray));