通过比较具有不同元素的两个对象数组来过滤和删除项目

Question

我有两个数组

arr1 = [{path: "path1"}, {path: "path2"}];
arr2 = [{path: "path1"}];

首先，我想通过比较两个数组来查找从arr1中删除的元素（在本例中为其path1对象），并操纵第一个数组或通过删除该项覆盖它。 在这种情况下，预期的数组是

expArray = [{path: "path2"}]

我试过使用array.filter方法。

var filteredElements = arr1 .filter(function(obj) {
    return !arr2 .some(function(obj2) {
        return obj.Path === obj2.Path;
    });    
});

但是它仅提供了不同的元素列表，但不支持从数组中删除该元素。 有没有办法使用下划线或传统方式做到这一点？

Answer 1

您有Path vs path的错字。 该代码适用于此更改。

 var arr1 = [{ path: "path1" }, { path: "path2" }], arr2 = [{ path: "path1" }], filteredElements = arr1.filter(function(obj) { return !arr2.some(function(obj2) { return obj.path === obj2.path; // ^ ^ }); }); console.log(filteredElements); 

如果您想对arr1进行突变，则可以拼接不需要的元素，并且由于这会改变长度，因此可以从末尾进行迭代。

 var arr1 = [{ path: "path1" }, { path: "path2" }], arr2 = [{ path: "path1" }], i = arr1.length; while (i--) { if (arr2.some(({ path }) => arr1[i].path === path)) { arr1.splice(i, 1); } } console.log(arr1); 

Answer 2

您可以使用Array#splice从现有阵列中删除元素。

 let arr1 = [{ path: "path1" }, { path: "path2"}]; let arr2 = [{ path: "path1" }]; // get length of array for iteration let l = arr1.length; // iterate from end to start to avoid skipping index after removing an element while (l--) { // check elemnt present in the array if (arr2.some(obj => obj.path === arr1[l].path)) // remove the element arr1.splice(l, 1); } console.log(arr1); 

Answer 3

我相信您只是将path属性键入为Path并且它返回一个空数组。

工作的代码：

var arr1 = [{path: "path1"}, {path: "path2"}];
var arr2 = [{path: "path1"}];

var filteredElements = arr1.filter(function(obj) {
  return !arr2.some(function(obj2) {
    return obj.path === obj2.path;
  });
});

如果要覆盖第一个数组，只需用arr1替换filteredElements 。

Answer 4

你可以用地图

 let arr1 = [{ path: "path1" }, { path: "path2"}]; const arr2 = [{ path: "path1" }]; const itemsToRemove = arr2.map(a => a.path); arr1 = arr1.filter(a => !itemsToRemove.includes(a.path)); console.log(arr1); 

过滤并重新分配数组值。

Answer 5

处理此问题的另一种方法是，从筛选数据的过程中分离出用于测试两项是否相等的逻辑。 在这里， keep是一个非常简单的高阶函数。 我们传递给它一个函数，该函数报告两个对象是否具有相同的path属性，并在两个数组上返回一个函数。

然后，我们简单地使用该功能。

 const keep = (eq) => (xs, ys) => xs.filter ( x => ys .some ( y => eq(x, y) ) ) const keepByPath = keep ( (x, y) => x.path == y.path ) const arr1 = [{ path: "path1", foo: 1 }, { path: "path2", foo: 2 }] const arr2 = [{ path: "path1", bar: 1 }] console.log ( keepByPath (arr1, arr2) //~> [{ path: "path1", foo: 1 }] ) 

请注意，我添加了一些属性。 这些证明我们只保留第一个数组中的项目。