Opóżnienie dla Filter . Potrzebny callback?

Question

W ramch ćwiczeń, napisaliśmy typowe funkcjonalności przeznaczonych dla frameworków. Komperatorami i listing nie było problemu. Za to utknąłem na filtrowaniu:

 

Wysyłam do widoku zdarzenie input. Odpala się prosta funkcja: 

  // initFilter(e) {
  //   //var val = e.target.value;
  //   //console.log('regex', e.target.value);
  //   this.data = this.data.filter((el, val) => this.filter.filterByName(el,val));
  // }

odpala się odrazu zanim otrzyma regexa.

class Filter {
  constructor() {
    this.regExp = new RegExp();
  }

  filterByName(value, regex) {
    return value.name.includes(regex);
  }
}

no i dlatego się wysypuje wydaje mi się, że potrzebuje callback ale może jest jeszcze inne rozwiązanie. 

GIT:

https://github.com/PatrykMaternicki/BIU

Comments

Tak szczerze to nie za bardzo rozumiem, co to ma robić. Możesz wyjaśnić?

---

Już Ci odpowiadam. UżytkownikA wpisuje sobie coś do inputa -> filter filtruje jsona -> wyrzuca dane dla rendera. Ale jak sobie odkomentujesz kod pobrany z gita, zauważysz że filter startuje szybciej niż nastąpienie eventu.

Answer 1

1. Nie masz tu żadnych regexów.
2. Nic się od razu nie odpala, initFilter podpięty jest pod zdarzenie input
3. Metoda filter wywołuje callback, przekazując jako drugi argument indeks elementu

// this.data.filter((el, val) => this.filter.filterByName(el,val))
this.data.filter((el, index) => this.filter.filterByName(el, index));

Do filterByName powinieneś przekazywać wartość z inputa, nie index.

Comments

1. Regex określijmy narazie nazwą potoczną, faktyczne nie opisuje tego co ma robić.

2. Tak, ale jeżeli dodasz metodę this.init(), wyrzuca Ci piękny errorlog, gdyż this.data = undefined.

3.Aaaa.. faktycznie, powinno to pomóc.

To jeszcze jedno pytanko, dlaczego ona tylko się raz odpala a nie przy każdym zdarzeniu input?

---

Odpala się za każdym razem. Problem polega na tym, że nigdzie nie przechowujesz oryginalnej listy. Przy każdym filtrowaniu nadpisujesz listę jej podzbiorem.