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