在对象数组上使用下划线的“差异”方法

小编典典

在对象数组上使用下划线的“差异”方法

javascript

_.difference([], [])

当我有原始类型数据时，此方法可以正常工作

var a = [1,2,3,4];
var b = [2,5,6];

然后_.difference(a,b)电话返回[1,3,4]

但是如果我使用像

var a = [{'id':1, 'value':10}, {'id':2, 'value':20}];
var b = [{'id':1, 'value':10}, {'id':4, 'value':40}];

似乎不起作用

阅读 420

2020-05-01

共1个答案

小编典典

原因很简单，具有相同内容的对象不是相同的对象，例如

var a = [{'id':1, 'value':10}, {'id':2, 'value':20}]; 
a.indexOf({'id':1, 'value':10})

它不会返回0而是返回-1，因为我们正在搜索其他对象

参见源代码underscore.js，_.difference使用_.contains

_.difference = function(array) {
  var rest = concat.apply(ArrayProto, slice.call(arguments, 1));
  return _.filter(array, function(value){ return !_.contains(rest, value); });
};

并_.contains 最终使用indexOf，因此，除非它们指向同一个对象会找不到对象。

您可以_.contains通过遍历所有项并调用compare回调来改善下划线，您应该能够传递差异或包含函数，或者可以检查此版本以改进包含方法

2020-05-01