任何屬性包含值的對象的過濾器數組

Question

我想知道什麼是最乾淨的方式，根據string keyword篩選對象數組的更好方法。搜索必須在對象的任何屬性中進行。

當我打字lea我想要走線槽中的所有對象及其所有屬性可以返回包含lea

當我打字italy我想要走線槽中的所有對象及其所有屬性返回的對象包含italy的對象。

我知道很多解決方案，但到目前爲止我只看到了一些你需要指定你想要匹配的屬性。

ES6 and lodash are welcome！

const arrayOfObject = [{ 
 
     name: 'Paul', 
 
     country: 'Canada', 
 
    }, { 
 
     name: 'Lea', 
 
     country: 'Italy', 
 
    }, { 
 
     name: 'John', 
 
     country: 'Italy', 
 
    }, ]; 
 

 
    filterByValue(arrayOfObject, 'lea') // => [{name: 'Lea',country: 'Italy'}] 
 
    filterByValue(arrayOfObject, 'ita') // => [{name: 'Lea',country: 'Italy'}, {name: 'John',country: 'Italy'}]

Answer 1

你可以將其過濾和搜索只是爲搜索字符串的一個occurence。

方法使用：

• Array#filter，只是用於過濾與條件陣列，

• Object.keys用於獲取所述對象的所有屬性名，

• Array#some用於重複的鍵和退出循環，如果找到，

• String#toLowerCase獲得可比數值，

• String#includes檢查兩個字符串，如果一個包含另一個。

function filterByValue(array, string) { 
 
    return array.filter(o => 
 
     Object.keys(o).some(k => o[k].toLowerCase().includes(string.toLowerCase()))); 
 
} 
 

 
const arrayOfObject = [{ name: 'Paul', country: 'Canada', }, { name: 'Lea', country: 'Italy', }, { name: 'John', country: 'Italy' }]; 
 

 
console.log(filterByValue(arrayOfObject, 'lea')); // [{name: 'Lea', country: 'Italy'}] 
 
console.log(filterByValue(arrayOfObject, 'ita')); // [{name: 'Lea', country: 'Italy'}, {name: 'John', country: 'Italy'}]

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

使用Object.keys遍歷所述對象的屬性。使用縮小和過濾器以使代碼更高效：

const results = arrayOfObject.filter((obj)=>{ 
    return Object.keys(obj).reduce((acc, curr)=>{ 
      return acc || obj[curr].toLowerCase().includes(term); 
    }, false); 
}); 

其中term是您的搜索條件。

Answer 3

您始終可以使用array.filter()，然後遍歷每個對象，並且如果有任何值與您正在查找的值匹配，則返回該對象。

const arrayOfObject = [{ 
 
     name: 'Paul', 
 
     country: 'Canada', 
 
    }, { 
 
     name: 'Lea', 
 
     country: 'Italy', 
 
    }, { 
 
     name: 'John', 
 
     country: 'Italy', 
 
    }, ]; 
 
    
 
let lea = arrayOfObject.filter(function(obj){ 
 
    //loop through each object 
 
    for(key in obj){ 
 
    //check if object value contains value you are looking for 
 
    if(obj[key].includes('Lea')){ 
 
     //add this object to the filtered array 
 
     return obj; 
 
     } 
 
    } 
 
    }); 
 
     
 
console.log(lea);

Answer 4

function filterByValue(arrayOfObject,words){ 
 
    let reg = new RegExp(words,'i'); 
 
    return arrayOfObject.filter((item)=>{ 
 
    let flag = false; 
 
    for(prop in item){ 
 
     if(reg.test(prop)){ 
 
      flag = true; 
 
     } 
 
    } 
 
    return flag; 
 
    }); 
 
}

Answer 5

那麼，當我們已經知道，它不是要和方法的對象上的搜索，我們可以做以下節省時間複雜度：

function filterByValue(array, value) { 
    return array.filter((data) => JSON.stringify(data).toLowerCase().indexOf(value.toLowerCase()) !== -1); 
} 

Answer 6

一種方法是使用如下的Array#filter,String#toLowerCase和String#indexOf。

const arrayOfObject = [{ 
 
      name: 'Paul', 
 
      country: 'Canada', 
 
     }, { 
 
      name: 'Lea', 
 
      country: 'Italy', 
 
     }, { 
 
      name: 'John', 
 
      country: 'Italy', 
 
     }]; 
 

 
     function filterByValue(arrayOfObject, term) { 
 
      var ans = arrayOfObject.filter(function(v,i) { 
 
       if(v.name.toLowerCase().indexOf(term) >=0 || v.country.toLowerCase().indexOf(term) >=0) { 
 
        return true; 
 
       } else false; 
 
      }); 
 
      console.log(ans); 
 
     } 
 
     filterByValue(arrayOfObject, 'ita');

Answer 7

這是我會怎麼使用lodash做到這一點：

const filterByValue = (coll, value) => 
    _.filter(coll, _.flow(
    _.values, 
    _.partialRight(_.some, _.method('match', new RegExp(value, 'i'))) 
)); 

filterByValue(arrayOfObject, 'lea'); 
filterByValue(arrayOfObject, 'ita');