如何通过比较对象中具有不同元素的两个对象数组来过滤数组？

Question

如何通过比较对象中具有不同元素的两个对象数组来过滤数组？ 我有：

arr1 =[{ x: 1, y: 2, z:3 }, { x: 2, y: 1, z:4 }];

arr2 = [{ x: 1, y: 2, a:5 }, { x: 2, y: 3, a:4 }];

我想比较两个数组中的 x 和 y 值，并从第一个数组返回 not macthing 对象，在上面的示例中返回 [{ x: 2, y: 1, z:4 }] 我尝试使用_.differenceWith(arr1, arr2, _.isEqual);，但显然数组应该有类似的对象，这不是我的情况。

Answer 1

您非常接近正确答案。 来自 lodash 的 _.differenceWith 函数有三个参数，要检查的数组，要排除的值，第三个参数是一个比较器，它确定您需要哪些值。在您的情况下，使用 _.isEqual 正在寻找完全相同的对象（据我了解，这不是您想要的行为）。

如果您只关心具有相同的 x 和 y 值，请尝试使用自定义比较器而不是 lodash 中的 _.isEqual 函数。

看起来像这样：

const arr1 = [{ x: 1, y: 2, z:3 }, { x: 2, y: 1, z:4 }];    
const arr2 = [{ x: 1, y: 2, a:5 }, { x: 2, y: 3, a:4 }];

// this is your custom comparator which is called with each value from the two arrays
// I gave descriptive names to the arguments so that it is more clear
const customComparator = (valueFromFirstArray, valueFromSecondArray) =>
  valueFromFirstArray.x === valueFromSecondArray.x
  && valueFromFirstArray.y === valueFromSecondArray.y;

const result = _.differenceWith(arr1, arr2, customComparator);

console.log(result);
// will print [{x: 2, y: 1, z: 4}]

或者如果你不熟悉箭头函数，自定义比较器可以这样声明：

function customComparator(valueFromFirstArray, valueFromSecondArray) {
  return valueFromFirstArray.x === valueFromSecondArray.x
    && valueFromFirstArray.y === valueFromSecondArray.y
}

这是一个fiddle，如果您愿意，可以在其中与自定义比较器混在一起。

Answer 2

使用filter function

arr1 =[{ x: 1, y: 2, z:3 }, { x: 2, y: 1, z:4 }];
arr2 = [{ x: 1, y: 2, a:5 }, { x: 2, y: 3, a:4 }];


let notMatched = arr2.filter(function (item, index) {
  return !(item.x === arr1[index].x && item.y == arr1[index].y);
});
console.log(notMatched);