Javascript - 基于过滤器对象中存在的任何深度属性过滤对象数组的通用解决方案

时间:2018-01-06 01:19:05

标签: javascript arrays filter

如何根据过滤器对象中存在的任何深度的属性一般过滤对象列表 - 事先不知道属性的名称?

给出以下示例列表:

var list = [
{ name: 'Alice', address: { zip: '10000', street: '71 Pilgrim Avenue' } },
{ name: 'Bob', address: { zip: '20000', street: '44 Shirley Ave' } },
{ name: 'Charlie', address: { zip: '30000', street: '4 Goldfield Rd' } },
]

如果我有以下过滤器对象,我想返回匹配此过滤器的数组中的对象。

var filter = {
 address: { zip: '10000' }
}

这种情况下的回报应该是:

[{ name: 'Alice', address: { zip: '10000', street: '71 Pilgrim Avenue' } }]

我试图用Object.keys()函数迭代对象的属性,但我遇到的问题是Object.keys函数不仅返回属性而且还返回属性值一个数组。

编辑:使用其他字段更新示例日期,以明确任何级别可以具有多个属性。

1 个答案:

答案 0 :(得分:3)

您可以编写一个递归函数来检查一个对象是否“包含”另一个对象:

const compare = r => l => (typeof l === "object" ? contains(r)(l) : l === r);
const contains = r => l =>
  Object.keys(r).every(k => l.hasOwnProperty(k) && compare(r[k])(l[k]));

var list = [
  {
    name: "Alice",
    address: {
      zip: "10000"
    }
  },
  {
    name: "Bob",
    address: {
      zip: "20000"
    }
  },
  {
    name: "Charlie",
    address: {
      zip: "30000"
    }
  }
];

var filter = {
  address: { zip: "10000" }
};

console.log(list.filter(contains(filter)));
// [{"name":"Alice","address":{"zip":"10000"}}]

我假设您正在过滤的对象只能包含可以直接比较的“普通”嵌套对象或原始值。如果您可以使用更复杂的值(如数组),则需要在compare函数中添加更多个案。