Javascript/underscore/lodash：比较对象数组中的对象并删除匹配的对象答案

【问题标题】：Javascript/underscore/lodash : Comparing object in array of objects and remove the matched objectJavascript/underscore/lodash：比较对象数组中的对象并删除匹配的对象
【发布时间】：2017-05-26 01:01:04
【问题描述】：

我有一个对象数组，如下所示：

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"
  }
];

*只有在所有属性都匹配时，才应从对象数组中删除该对象。

【问题讨论】：

标签： javascript underscore.js lodash

【解决方案1】：

我找到了一种简单的方法来解决您的问题。将 objectToCompare 转换为数组并使用_.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)

【讨论】：

@Medet Tleukabiluly 我的解决方案怎么样。
@Curious86 如果你觉得这很有用。请您给它点个赞好吗？

【解决方案2】：

纯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);

【讨论】：

【解决方案3】：

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

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

【讨论】：

我认为你不应该在这里混合 es6

【解决方案4】：

应该很简单：

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

编辑：FWIW：这是一个纯粹的 javascript 解决方案，它只执行它需要做的事情，并且不能有效地重新创建 lodash/underscore isEqual

【讨论】：

如果将来会有一个新的key_z怎么办？这不是好的解决方案
这是一个硬编码的问题。每个解决方案都有优点和缺点。无论你认为什么是理想的解决方案，几乎可以肯定地被称为矫枉过正，这取决于上下文。问题中没有足够的上下文来提供适当的整体解决方案，但这绝对有效，并且对于甚至不知道它是否存在的情况不需要额外的代码或库......跨度>
我的解决方案怎么样？