在javascript中使用map和reduce过滤数组中的对象

Question

freecodecamp有一个问题，细节如下：

要求:
创建一个函数，该函数查看对象数组（第一个参数），并返回具有匹配名称和值对的所有对象数组（第二个参数）。

例如，如果第一个参数是[{first：“Romeo”,last：“Montague”},{first：“Mercutio”,last：null},{first：“Tybalt”,last：“Capulet”}]，并且第二个参数是{last：“Capulet”}，那么您必须返回数组中的第三个对象（第一个参数），因为它包含作为第二个参数传递的名称及其值。

预期成果：

whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" }) should return [{ first: "Tybalt", last: "Capulet" }].

whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 }) should return [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }].

whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 }) should return [{ "apple": 1, "bat": 2, "cookie": 2 }].

whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, { "bat":2 }], { "apple": 1, "bat": 2 }) should return [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }].

根据网站，有一个这样的解决方案：

function whatIsInAName(collection, source) {
  var srcKeys = Object.keys(source);

  // filter the collection
  return collection.filter(function (obj) {
    return srcKeys
      .map(function(key) {
        return obj.hasOwnProperty(key) && obj[key] === source[key];
      })
      .reduce(function(a, b) {
        return a && b;
      });
  });
}

// test here
whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });

在这个解决方案中，有一点我不太理解，那就是来自map函数的返回值。

在此之前，在我的预期中，map函数将遍历所有键和值对以检查是否匹配，并返回具有布尔值的数组，例如[{true,false},{false,false}]等，并将布尔值传递给reduce函数。

var source = { last: "Capulet" };
var collection = [{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }];
var srcKeys = Object.keys({ last: "Capulet" });

collection.filter(function(obj){
  return srcKeys.map(function(key){
    return obj.hasOwnProperty(key) && obj[key] === source[key];
  })
})

(3) [{…}, {…}, {…}]
 0: {first: "Romeo", last: "Montague"}
 1: {first: "Mercutio", last: null}
 2: {first: "Tybalt", last: "Capulet"}
 length: 3
  __proto__: Array(0)

在这种情况下，我有两个问题：

>

在map函数中，它使用对调用数组中的每个元素调用提供的函数的结果创建一个新数组。在这种情况下，既然我们只想返回符合条件的元素，为什么它不返回布尔值或者只返回具有匹配值的元素，而是返回所有的值呢？或者我对映射函数有什么理解错误的地方？

在reduce函数中，在map函数之后，它如何将映射的布尔值获取到一个布尔值，以指示是否所有srcKeys都通过了上面检查的条件？例如，在本例中，reduce函数是否只是取map的返回值并进一步计算？

非常感谢您的帮助！

Answer 1

正如我所说，函数map并不是必需的。

您可以使用函数filter和函数every来筛选那些与键值对对象（第二个参数）匹配的对象。

let whatIsInAName = (arr, obj) => arr.filter(o => Object.keys(obj).every(k => obj[k] === o[k]));

console.log(whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 }));
console.log(whatIsInAName([{ "first": "Romeo", "last": "Montague" }, { "first": "Mercutio", "last": null }, { "first": "Tybalt", "last": "Capulet" }], { "last": "Capulet" }));
console.log(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 }));
console.log(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, { "bat":2 }], { "apple": 1, "bat": 2 }));

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