使用 javascript 或 lodash 过滤具有多个元素及其值的对象数组

挑衅的

我有一个对象数组，如下所示。

const data =
    [
     {id: 1, name: 'Peter',age: 21, gender: 'Male'},
     {id: 2, name: 'Steve',age: 24, gender: 'Male'},
     {id: 3, name: 'John',age: 21, gender: 'Male'},
     {id: 4, name: 'Julie',age: 26, gender: 'Female'}
    ]

我想使用 javascript 或 lodash 动态过滤具有多个元素及其值的上述数组。如果我向对象添加更多元素并尝试使用相同的元素进行过滤，则代码应该可以正常工作。我期望从如下对象中传递需要过滤的元素和相应的值。

const filter = {'name':'e','gender':'mal'}

预期输出：

[{id: 1, name: 'Peter',age: 21, gender: 'Male'},
         {id: 2, name: 'Steve',age: 24, gender: 'Male'},
         {id: 4, name: 'Julie',age: 26, gender: 'Female'}]

尤孙

使用 Object.entries 将键和值与过滤器对象分开，通过使用键和小写该值来查找值，因为您不区分大写和小写字母

const data =
    [
     {id: 1, name: 'Peter',age: 21, gender: 'Male'},
     {id: 2, name: 'Steve',age: 24, gender: 'Male'},
     {id: 3, name: 'John',age: 21, gender: 'Male'},
     {id: 4, name: 'Julie',age: 26, gender: 'Female'}
    ]

const filter = {
  'name': 'e',
  'gender': 'mal'
}


const result = data.filter(x => Object.entries(filter)
  .every(([key, val]) => x[key].toString().toLowerCase().includes(val)))
  
  
console.log(result)

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。