javascript - 在 JavaScript 中从一个对象到另一个对象搜索键/值对

Question

如果我在 JavaScript 中有一组对象和一个对象:

var data = [{"a": 1, "b": 2}, {"a": 1}, {"a": 1, "b": 2, "c": 3}];
var myFilter = {"a": 1, "b": 2};

...并希望使用 myFilter 对象作为对象数组的过滤器来创建新的对象数组，当且仅当该对象至少匹配或包含 myFilter 键/值对。

有什么建议可以让我继续并将其放入代码中吗？我需要使用 myFilter 键/值对创建一个从 data 过滤的新数组。

我能够做到这一点，但 myFilter 只包含 1 个键/值对。

我期望的新数组是:

var newArr = [];
newArr = [{"a": 1, "b": 2}, {"a": 1, "b": 2, "c": 3}];

Answer 1

您可以使用 arr.filter(callback[, thisArg])为此:

var data = [{ "a": 1, "b": 2 }, { "a": 1 }, { "a": 1, "b": 2, "c": 3 }]
var myFilter = { "a": 1, "b": 2 }

var myFilterFunction = function(obj) {
  for (var p in myFilter) {
    if (obj[p] !== myFilter[p]) return false
  }
  return true
}

var newArr = data.filter(myFilterFunction)

document.write(JSON.stringify(newArr))

---

一个更通用的方法是这个 filterFuncByObj(filterObj) 函数，它接受任何自定义过滤器对象:

data.filter(filterFuncByObj(myFilter)):

var data = [{ "a": 1, "b": 2 }, { "a": 1 }, { "a": 1, "b": 2, "c": 3 }]
var myFilter = { "a": 1, "b": 2 }

var newArr = data.filter(filterFuncByObj(myFilter))

// Demo Output
document.write(JSON.stringify(newArr))


function filterFuncByObj(filterObj) {
  return function(obj) {
    for (var p in filterObj) {
      if (obj[p] !== filterObj[p]) return false
    }
    return true
  }
}