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

发布于 2025-01-10 18:18:23 字数 345 浏览 0 评论 0原文

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}`
    }
    })
  }

原文

forecasts is array who has a 10 elements when ı try to print its work perfectly when ı use innerHtml its giving the last value of items and everything is look same

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}`
    }
    })
  }

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

故笙诉离歌 2025-01-17 18:18:23

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

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

You shouldn't use a nested loop. If each element of data.forecasts is for a different day, use the index in that array to assign to the corresponding DOM element.

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

回复收藏 0 原文

酷遇一生 2025-01-17 18:18:23

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

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

You are looping over the elements and setting it to the forecast of the day on every one. You want to select the specific element. The forEach index has the index. Hopefully that index matches the day in your elements. Basic idea:

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

回复收藏 0 原文

~没有更多了~