problem z ładowaniem danych w pętli JavaScript

Question

Cześć Forumowicze!

Piszę appkę mającą zwracać aktualną pogodę oraz pogodę na najbliższych 5/16 dni.

Korzystam z popularnego API  https://openweathermap.org/api . Aktualna pogoda pięknie sie wyświetla. Wszystko bezproblemowo, ale jak chcę wyświetlić dane na najbliższych 5 dni w pętli konsola wyrzuca błąd:

"Uncaught TypeError: Cannot read property 'dt_txt' of undefined"  (dt_txt ma zwrócić datę).

Nie wiem co jest nie tak, bo w samej konsoli jestem w stanie te dane wyświetlić, jednak na stronie już nie :/.

appkę można przetestować pod adresem http://kamilapawlik.pl/deploy/

Pozdrawiam

Comments

Tablica forecastData.list ma długość 40. W każdej iteracji pętli wykonuje się i += 8, czyli i przyjmuje kolejno wartości: 0, 8, 16, 24, 32, 40. Gdy i ma wartość 40 i próbujesz odczytać taki indeks tablicy, to pojawia się błąd, ponieważ ostatnim indeksem tablicy o długości 40 jest 39 (tablice numerujemy od zera). Dlatego możesz np. postawić dodatkowy warunek zakończenia pętli: i + 8 < forecastData.list.length. Wtedy, przed wykonaniem następnej iteracji, pętla sprawdzi czy po podniesieniu wartości i o 8 nie wyjdzie poza ostatni indeks tablicy.

---

Miałeś na myśli i + 8? W przypadku += jeśli warunek przejdzie, to skończy się na podniesieniu o 16.

---

Racja. Dzięki za zwrócenie uwagi. Poprawiłem.

---

wielkie dzięki. Działa :)

Answer 1

for (i = 0; i <= forecastData.list.length; i += 8) {

< zamiast <=

Tablice indeksowane są od zera, stąd liczba określająca ostatni indeks jest o jeden mniejsza od długości tablicy