Logo

Filtrowanie listy

git checkout 12-filter -f

Podobnie jak map, możemy na tablicy wykonać wykonać metodę filter by przefiltrować tablicę.

  • Map zwraca nam zawsze tyle elementów ile miała początkowa tablica
  • Filter dla każdego elementu wywołuje funkcję i spodziewa się na koniec true/false. Jeśli otrzyma true element pojawi się w nowej tablicy, jeśli nie to go wywala.
  render() {
    return (
      <div className="App">
      // reszta
        {users
          .filter((user) => user.name.includes('Jó'))
          .map((user) => {
            return <User name={user.name} surname={user.surname} />;
          })}
      </div>
    );
  }