[英]Comparing two arrays which contain objects
I have two arrays which only contain objects for groups. 我有两个仅包含组对象的数组。 One contains all the groups on my site. 一个包含我站点上的所有组。 The other contains all the groups a specific user belongs to. 另一个包含特定用户所属的所有组。
I'd like to subtract: All the groups
- user groups
= groups remaining
我想减去: All the groups
- user groups
= groups remaining
I'm using AngularJS, I'm not sure if that helps here or not (maybe a filter could be used). 我正在使用AngularJS,不确定是否在这里有帮助(也许可以使用过滤器)。
I looked at previous questions and came across some options: 我查看了先前的问题,并遇到了一些选择:
These are the ones I tried: 这些是我尝试过的:
$scope.availableGroups = $($scope.groups).not($scope.assignedGroups).get();
$scope.availableGroups = $.grep($scope.groups,function(x) {return $.inArray(x, $scope.assignedGroups) < 0})
This is one of the arrays: 这是数组之一:
assignedGroups: AssignedGroups:
[{
id: 115,
name: 'Test Group 2',
Description: '',
owner: 10,
OwnerIsUser: false,
}, {
id: 116,
name: 'Test Group 3',
Description: '',
owner: 71,
OwnerIsUser: false,
}, {
id: 117,
name: 'Test Group 4',
Description: '',
owner: 71,
OwnerIsUser: false,
}, {
id: 118,
name: 'Test Group 5',
Description: '',
owner: 115,
OwnerIsUser: false,
}, {
id: 119,
name: 'Test Group 6',
Description: '',
owner: 8,
OwnerIsUser: true,
}];
I think you should extract ids to an object first and then compare two objects. 我认为您应该先将ID提取到一个对象,然后再比较两个对象。 Eg: 例如:
var assignedGroupsIds = {};
var groupsIds = {};
var result = [];
$scope.assignedGroups.forEach(function (el, i) {
assignedGroupsIds[el.id] = $scope.assignedGroups[i];
});
$scope.groups.forEach(function (el, i) {
groupsIds[el.id] = $scope.groups[i];
});
for (var i in groupsIds) {
if (!assignedGroupsIds.hasOwnProperty(i)) {
result.push(groupsIds[i]);
}
}
return result;
Here goes simplified fiddle: http://jsfiddle.net/NLQGL/2/ Adjust it to your needs. 这是简化的小提琴: http : //jsfiddle.net/NLQGL/2/根据您的需要进行调整。
I think it's a good solution since you could reuse the groupsIds
object (it seems not to change often). 我认为这是一个很好的解决方案,因为您可以重用groupsIds
对象(似乎不经常更改)。
Note: Feel free to use angular.forEach()
instead of Array.prototype.forEach
注意:随意使用angular.forEach()
代替Array.prototype.forEach
You can use a combination of Angular JS's $filter
service and Lo-dash's findWhere
method to get unique objects in two arrays, try this : 您可以结合使用Angular JS的$filter
服务和Lo-dash的findWhere
方法来获取两个数组中的唯一对象,请尝试以下操作:
// When you don't know the lengths of the arrays you want to compare
var allTheGroupsLength = allTheGroups.length;
var userGroupsLength = userGroups.length;
var groupsRemaining = [];
if(allTheGroupsLength > userGroupsLength){
getDifference(allTheGroups, userGroups);
}
else{
getDifference(userGroups, allTheGroups);
}
function getDifference(obj1, obj2){
groupsRemaining = $filter('filter')(obj1, function(obj1Value){
return !Boolean(_.findWhere(obj2, obj1Value));
});
}
OR 要么
//All the groups - user groups = groups remaining
groupsRemaining = $filter('filter')(allTheGroups, function(allTheGroupsObj){
return !Boolean(_.findWhere(userGroups, allTheGroupsObj));
});
Using only Angular JS 仅使用Angular JS
groupsRemaining = $filter('filter')(allTheGroups, function(allTheGroupsObj){
return !angular.equals(allTheGroupsObj, $filter('filter')(userGroups, function(userGroupsObj){
return angular.equals(allTheGroupsObj,userGroupsObj);})[0]);
});
You can try this 你可以试试这个
// .compare method to Array's prototype to call it on any array
Array.prototype.compare = function (array)
{
if (!array)
return false;
// compare lengths
if (this.length != array.length)
return false;
for (var i = 0, l = this.length; i < l; i++)
{
if (this[i] instanceof Array && array[i] instanceof Array)
{
if (!this[i].compare(array[i]))
return false;
}
else if (this[i] != array[i])
{
return false;
}
}
return true;
}
Result 结果
[1, 2, [3, 4]].compare([1, 2, [3, 4]]) === true;
[1, 2, 1, 2].compare([1, 2, 1, 2]) === true;
Json Diff 杰森·迪夫
function diff(obj1, obj2)
{
var result = {};
$.each(obj1, function (key, value)
{
if (!obj2.hasOwnProperty(key) || obj2[key] !== obj1[key])
{
result[key] = value;
}
});
return result;
}
(maybe a filter could be used). (也许可以使用过滤器)。
If you want to filter out all unused groups, a filter is the right decision: 如果要过滤掉所有未使用的组,则正确的选择是使用过滤器:
var groups=["admin","moderator","reader","writer"]
var user={
name:"the user",
groups:["reader", "writer"]
};
console.log(groups.filter(function(group){
if (user.groups.indexOf(group)==-1) return true;
}));
For the documentation take a loog at MDN Array.prototype.filter 对于文档,请浏览MDN Array.prototype.filter
For a future solution with find
or findIndex
take a look at this fine article. 对于将来使用find
或findIndex
解决方案,请看一下这篇精美的文章。
Edit: For dealing with Objects
you could easily adapt the filter function and use a custom comparator function instead indexOf
. 编辑:对于处理Objects
您可以轻松地调整过滤器功能,并使用自定义比较器函数代替indexOf
。 Here another Fiddle for that case. 在这种情况下,这里还有另一个小提琴 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.