オブジェクト配列のフィルタルールを2つ組み合わせる

Question

私はReact Reduxを使用しています。リストに表示するオブジェクトの配列を持っています。名前に応じてドロップダウンリストをフィルタリングするオプションがあり、種類に応じて2つの切り替えボタンがあります。

<Table 
    data={ 
    array 
     .filter((a) => a.kind === showByKind) 
     .filter((a) => a.name === filterValue) 
     .sort(someIrrelevantSortMethod) 
    } 
> 

質問2つの.filter()ルールを組み合わせるにはどうすればよいですか？

Answer 1

2つのフィルタを組み合わせると、の両方が適用されます。が適用されます。つまり、(condition 1) AND (condition 2)が必要です。そこで、基本的

：

<Table 
    data={ 
    array 
     .filter((a) => a.kind === showByKind && a.name === filterValue) 
     .sort(someIrrelevantSortMethod) 
    } 
>