[MroczekBall3D]

#naukaprogramowania #programowanie #javascript #typescript

Uczę się typescript, wcześniej nie miałęm styczności zbytnio z javascript.

Chciałbym sprawdzić jakiego typu jest lista. (Todo[], Category[])

Najlepiej by było to zrobić dla mnie tak jak na obrazku poniżej ale widze, ze jest to nie mozliwe.

A moze zabieram sie za to zle? Z checia wyslucham rad

[o.....l]

Jak iterujesz po tablicy to nie sprawdzasz typu generycznego tablicy tylko sam typ który przechowuje (Category, Color)

[MroczekBall3D]

@obereczekpl: Wiem. Kwestia taka, ze Promise.all zwraca mi w values wyniki z wczesniejszych promise, wiec jednym jest napewno element o klasie todo a dwa nastpene to albo color[] albo category[] i nie wiem, jak sprawdzic, ktora to tablica.

[MroczekBall3D]

@MroczekBall3D: this.categories = values.find(x => Array.isArray(x) && x.find(y => y instanceof Category) !== undefined);
this.colors = values.find(x => Array.isArray(x) && x.find(y => y instanceof Color) !== undefined);
sie wydaje zagmatwane dla mnie zbytnio

[o.....l]

Sprawdź pierwszy element albo zwracaj obiekty ( ͡° ͜ʖ ͡°)

[o.....l]

Albo to co napisałeś wrzuć do osobnej metody.

[MroczekBall3D]

@obereczekpl na to tez wpadlem, ale zdaje mi sie, ze jest lepszy pomsyl. ten kod dziala

[t.....k]

@MroczekBall3D poczytaj o user-defined type guards - http://www.typescriptlang.org/docs/handbook/advanced-types.html#user-defined-type-guards

[MroczekBall3D]

@tlaziuk: Nie bardzo wiem, jak to mam zastosować w moim problemie, możesz zdradzić?

[t.....k]

@MroczekBall3D poza tym to co robisz - cos.co.kol.wiek - nie pisz tak, unikaj tego, zły nawyk, staraj się używać albo (cos).co.kol.wiek albo jeszcze lepiej (cos as any).co.kol.wiek - a to dlatego że to syntax JSX/TSX

[MroczekBall3D]

@tlaziuk: WIem, też nie chciałem, ale jak wywaliło mi błąd to nie wiedziałem jak sobie z nim poradzić.
O dziwo dodanie tego pomogło, błąd zniknął

[t.....k]

Nie bardzo wiem, jak to mam zastosować w moim problemie, możesz zdradzić?

kod piszę z palca, więc ostrożnie z wklejaniem ( ͡° ͜ʖ ͡°)

@MroczekBall3D stwórz funkcję/metodę która będzie guardem, np.

guard(x: any): x is Category[] {
 return Array.isArray(x) && x.filter((elem) => elem instanceof Category).length === x.length;
}

metoda guard sprawdza czy przekazany parametr x jest tablicą oraz czy każdy jej element jest instancją Category

a stosujesz to

[MroczekBall3D]

@tlaziuk: Dzięki, wygląda znacznie lepiej. Nauczyłem się czegoś przynajmniej. : )

[t.....k]

@MroczekBall3D spox, pamiętaj że przekazując funkcję/metodę w ten sposób kontekstem dla this w przekazanym parametrze jest dany array

[m.....y]

@MroczekBall3D: typescript to gowno

[MroczekBall3D]

@tlaziuk: tak, naucyzlem sie, ze musze dac .bind(this) :) dzieki

[MroczekBall3D]

@mojkrajtakipiekny: gorzkie żale idź pisać gdzie indziej

[m.....y]

@MroczekBall3D: bo co mi zrobisz

[m.....y]

@MroczekBall3D: #!$%@? xD idz wolaj bana