Array - Obiekt wyświetla się prawidłowo a po dodaniu wartości zwraca undefined.

Question

Hej,

Mam pewien dziwny problem z Array'em. W template vue.js mam funkcje która oblicza różnicę pomiędzy dwiema wartościami oblicz(index, 'nazwa'). Odbieram to w methods. Problem pojawia się przy próbie wyciągnięcia array'u.

Sprawa wygląda tak:

requirements jest tablicą zawierającą obiekty. Do funkcji jest przesyłany indeks oraz nazwe elementu w formie stringu który ma być obliczony

this.requirements[index][name] --> Zwraca element z obiektu o podanym indexie. 

this.requirements[index+1] -> Prawidłowo zwraca kolejny obiekt 

this.requirements[index+1][name] -> Już nie działa

Nie wiem czemu index+1 bez elementu wyświetla się prawidłowo a po dodaniu elementu który chcę wyciągnąć z tablicy wywala mi "(index+1) is undefined"

Ktoś może wie w czym tkwi problem ?

Answer 1

Pokaż co siedzi w tej tablicy pod indeksem ktory Cie interesuje plus co siedzi w zmiennej name? Chyba, ze name to pole.obiektu, wtedy odwolaj sie po kropce lub podaj nazwe jako.string.

Comments

https://codesandbox.io/s/epic-banzai-bdh2p?fontsize=14&hidenavigation=1&theme=dark&file=/src/App.vue

Kiedy używam samego [index+1], to prawidłowo wyświetla obiekt. W momencie kiedy chcę wyświetlić wartość dodając .value, konsola wywala błąd, że index+1 jest undefined

---

Na mobile nie lubię wchodzic na te sandboxy do kodu, daj tutaj info co wyswietla konsola pod tym indexem.

---

Ta funkcja odpala się 2 razy. Za drugim razem index ma wartość 1, a więc [index + 1] próbuje odwołać się do elementu o indeksie 2, a takiego nie ma - stąd błąd.

---

Ogólnie to tak:

requirements[index].name - Zwraca poprawnie nazwę znajdującą się w wybranym obieckie

requirements[index+1] - Zwraca poprawnie wybrany obiekt

requirements[index+1].name - Konsola daje error, że wartość [index+1] jest undefined. gdy usuwam .name, obiekt zwraca się poprawnie

Nie rozumiem, dlaczego odniesienie się do dane elementu powoduje, że index+1 staje się undefined.

---

@JsHolic Właśnie też to sprawdzałem jako pierwsze i okazało się, że źle sprawdziłem.. Musiało coś mi umknąć (Dodałem slice które zapobiegało wygenerowaniu się ostatniego elementu)

Z serii błędy nad którymi spędziłem parę godzin przez niedopatrzenie / brak skupienia

---

console.log(this.requirements[index+1]);

Pokazuje w konsoli:

> {__ob__: Observer}

> undefined