Javascript / underscore / lodash：在對象數組中比較對象並刪除匹配的對象

Question

我有一個對象數組，看起來像下面這樣：

var arrayOfObjects = [
  {
    key_a : "value1",
    key_b : "value2"
  },
  {
    key_c : "value12",
    key_d : "value23"
  }
];

現在，我有另一個對象：

 var objToCompare = {
    key_a : "value1",
    key_b : "value2"
 };

比較“ objToCompare”和“ arrayOfObjects”並從“ arrayOfObjects”中刪除匹配對象的可能方法是什么-使用JavaScript或下划線js或lodash？

因此，對象的結果數組如下所示：

var arrayOfObjects = [
  {
    key_c : "value12",
    key_d : "value23"
  }
];

*僅當所有屬性都匹配時，才應從對象數組中刪除該對象。

Answer 1

我找到了一種解決您問題的簡便方法。 將_.differenceWith()轉換為數組，並使用_.differenceWith()進行比較。

請在下面檢查我的代碼。

    var _ = require('lodash')

    var arrayOfObjects = [
      {
        key_a : "value1",
        key_b : "value2"
      },
      {
        key_c : "value12",
        key_d : "value23"
      }
    ]


    var objToCompare = {
       key_a : "value1",
       key_b : "value2"
    }

    var arrayToCompare = []
    arrayToCompare.push(objToCompare)

    var result = _.differenceWith(arrayOfObjects, arrayToCompare, _.isEqual)

    console.log(result)

Answer 2

您可以只使用_.reject和_.isEqual方法。 這幾乎與Underscore / Lodash中的_.where方法完全相反。

let result = _.reject(arrayOfObjects, (obj) => _.isEqual(obj, objToCompare))

Answer 3

純JavaScript版本

 var arrayOfObjects = [{ key_a: "value1", key_b: "value2" }, { key_c: "value12", key_d: "value23" } ]; var objToCompare = { key_a: "value1", key_b: "value2" }; // credits https://stackoverflow.com/a/6713782/2308005 function objectEquals(x, y) { if (x === y) return true; if (!(x instanceof Object) || !(y instanceof Object)) return false; if (x.constructor !== y.constructor) return false; for (var p in x) { if (!x.hasOwnProperty(p)) continue; if (!y.hasOwnProperty(p)) return false; if (x[p] === y[p]) continue; if (typeof(x[p]) !== "object") return false; if (!Object.equals(x[p], y[p])) return false; } for (p in y) { if (y.hasOwnProperty(p) && !x.hasOwnProperty(p)) return false; } return true; } var result = arrayOfObjects.filter(function(item) { return !objectEquals(item, objToCompare); }); console.log(result); 

Answer 4

應該很簡單：

arrayOfObjects.filter((item) => !(item.key_a === objToCompare.key_a && item.key_b === objToCompare.key_b))

編輯 ：FWIW：這是一個純JavaScript的解決方案，它只會執行所需的操作 ，而不會有效地重新創建lodash /下划線isEqual