通過比較具有不同元素的兩個對象數組來過濾和刪除項目

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 }] ) 

請注意，我添加了一些屬性。 這些證明我們只保留第一個數組中的項目。