将innerHtml中循环问题中的最后一个值相等

Question

forecasts 是一个有 10 个元素的数组，当我尝试完美地打印它的作品时，当我使用 innerHtml 时，它给出了项目的最后一个值，并且一切看起来都一样

const getOtherDays = (data) => {
  data.forecasts.forEach((forecast)=>{
    for(var i = 0; i < day.length; i++) {
      items = forecast.day;
      console.log(items)
      day[i].innerHTML = `${items}`
    }
    })
  }

Answer 1

您不应该使用嵌套循环。如果 data.forecasts 的每个元素对应不同的一天，请使用该数组中的索引分配给相应的 DOM 元素。

const getOtherDays = (data) => {
  data.forecasts.forEach((forecast, i) => {
    items = forecast.day;
    console.log(items)
    day[i].innerHTML = `${items}`
  })
}

Answer 2

您正在遍历元素并将其设置为每个元素的当天预报。您想要 select 特定元素。 forEach索引有索引。希望该索引与元素中的日期匹配。基本思路：

const getOtherDays = (data) => {
  data.forecasts.forEach((forecast, index)=>{
    items = forecast.day;
    day[index].innerHTML = `${items}`;
  })
}

将innerHtml中循环问题中的最后一个值相等

equating last value in loop problem in innerHtml

javascript

dom