Searching then sorting for "Angular CDK Tables" article

snippet.searching-sorting.table.component.ts

combineLatest(this.heroes$, this.searchFormControl.valueChanges, this.sortKey$, this.sortDirection$)
.subscribe(([changedHeroData, searchTerm, sortKey, sortDirection]) => {
  const heroesArray = Object.values(changedHeroData);
  let filteredHeroes: any[];

  if (!searchTerm) {
    filteredHeroes = heroesArray;
  } else {
    const filteredResults = heroesArray.filter(hero => {
      return Object.values(hero).reduce((prev, curr) => {
        return prev || curr.toString().toLowerCase().includes(searchTerm.toLowerCase());
      }, false);
    });
    
    filteredHeroes = filteredResults;
  }

  const sortedHeroes = filteredHeroes.sort((a, b) => {
    if(a[sortKey] > b[sortKey]) return sortDirection === 'asc' ? 1 : -1;
    if(a[sortKey] < b[sortKey]) return sortDirection === 'asc' ? -1 : 1;
    return 0;
  });

  this.tableDataSource$.next(sortedHeroes);
});