javascript - 使用 .filter() 过滤 javascript 对象

Question

有人知道这种使用 .filter() 函数过滤 javascript 对象的想法吗:

假设我有:

docs: [
{
  "name": "Mike",
  "address": "Canada",
  "gender": "Male"
},
{
  "name": "Jean",
  "address": "China",
  "gender": "Female"
},
{
  "name": "Sakura",
  "address": "England",
  "gender": "Female"
}
]

是否可以这样过滤:

name = ''
age = ''
gender = 'Female'

因为这样做:

filtered_docs = docs.filter(function (el) {
   return el.name == '' ||
      el.address == '' ||
      el.gender == 'Female';
});

将返回所有。

然后这样做:

filtered_docs = docs.filter(function (el) {
   return el.name == '' &&
      el.address == '' &&
      el.gender == 'Female';
});

不会返回任何内容。

更新:我只想根据该条件返回数据。我希望返回 2 条女性性别的记录

更新这就是我想要实现的目标

Answer 1

您可以使用 objetc 作为键/值对进行过滤，并在第一步中仅采用具有所需值的键，例如 truthy稍后过滤的值。

然后通过仅检查具有要检查的值的键来过滤数组并将过滤器的这些键用于检查。仅返回匹配所有键和所需值的对象。

var docs= [{ name: "Mike", address: "Canada", gender: "Male" }, { name: "Jean", address: "China", gender: "Female" }, { name: "Sakura", address: "England", gender: "Female" }],
    filter = { name: "", age: "", gender: "Female" },
    keys = Object.keys(filter).filter(k => filter[k]),
    result = docs.filter(o => keys.every(k => o[k] === filter[k]));
    
console.log(result);

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