Reactで複数の値をフィルタリングする

Question

ここでのフィルタ機能は素晴らしいですが、ファーストネームのみをフィルタリングします（コードを参照）。だから私は姓と電話でフィルタリングする "ベスト"な方法が何であるか疑問に思っていた（画像参照）！ はここに、現時点での私のフィルターです：

const filteredUsers = this.state.dataToDisplay.filter(item => { 
    return (
    /*Only firstname!*/item.name.toLowerCase().indexOf(this.state.search.toLowerCase()) >= 0 
) 
}) 

そして、ここではイメージです：

どうもありがとう！ ：あなたはJavascript配列レベルでフィルタリングを使用している

Answer 1

Dので、ちょうどあなたの基準を拡張：

const filteredUsers = this.state.dataToDisplay.filter(item => { 
    const query = this.state.search.toLowerCase(); 

    return (
    item.name.toLowerCase().indexOf(query) >= 0 || 
    item.surname.toLowerCase().indexOf(query) >= 0 || 
    item.phone.toLowerCase().indexOf(query) >= 0 
) 
}); 

Answer 2

はちょうどあなたがこのコードのようなものを使用することができます

const filteredUsers = this.state.dataToDisplay.filter(item => { 
      return (
       item.name.toLowerCase().indexOf(this.state.search.toLowerCase()) >= 0 
       || item.surname.toLowerCase().indexOf(this.state.search.toLowerCase()) >= 0 
       || item.phone.toLowerCase().indexOf(this.state.search.toLowerCase()) >= 0; 
     ) 
     }) 

Answer 3

機能をフィルタリングするためのより多くの条件を追加し、例えば：

const filterField = (search, value) => value.toLowerCase().indexOf(search.toLowerCase()) >= 0; 
 

 
const orFilter = (search, values) => values.some(filterField.bind(null, search)); 
 

 
const filteredUsers = this.state.dataToDisplay.filter(item => 
 
    orFilter(this.state.search, [item.name, item.surname, phone]); 
 
)