任何属性包含值的对象的过滤器数组

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');