比较两个对象数组，在JS中将匹配值的元素排除到新数组中 [英] Comparing two arrays of objects, and exclude the elements who match values into new array in JS

问题描述

这是我在 JavaScript 中的用例:

我有两个对象数组，它们的属性匹配(id 和名称).

var result1 = [{id:1, name:'Sandra', type:'user', username:'sandra'},{id:2, name:'John', type:'admin', username:'jo​​hnny2'},{id:3, name:'Peter', type:'user', username:'pete'},{id:4, name:'Bobby', type:'user', username:'be_bob'}];变量结果 2 = [{id:2, name:'John', email:'[e-mail]'},{id:4, name:'Bobby', email:'[e-mail]'}];var props = ['id', 'name'];

我的目标是让另一个对象数组只包含不匹配的元素.像这样:

var 结果 = [{id:1, name:'Sandra'},{id:3, name:'Peter'}];

我知道有一种方法可以通过从 result1 将每个对象与 result2 的对象进行比较，然后比较它们的键，如果不匹配，则将值放入另一个对象中，然后将其推入新数组，但我想知道有没有更优雅的方式，比如使用 lo-dash 或下划线或类似的东西.

谢谢！

解决方案

只需使用 数组迭代方法 JS 内置的适用于此:

var result1 = [{id:1, name:'Sandra', type:'user', username:'sandra'},{id:2, name:'John', type:'admin', username:'jo​​hnny2'},{id:3, name:'Peter', type:'user', username:'pete'},{id:4, name:'Bobby', type:'user', username:'be_bob'}];变量结果 2 = [{id:2, name:'John', email:'[e-mail]'},{id:4, name:'Bobby', email:'[e-mail]'}];var props = ['id', 'name'];var 结果 = result1.filter(function(o1){//过滤掉 result2 中的 (!) 项返回 !result2.some(function(o2){返回 o1.id === o2.id;//假设唯一的 id});}).map(函数(o){//使用reduce来创建只有所需属性的对象//并映射以将其作为一个整体应用于过滤后的数组返回 props.reduce(function(newo, name){新[名称] = o[名称];返回新的；}, {});});document.body.innerHTML = '
'+ JSON.stringify(result, null, 4) +'</pre>';

如果你经常这样做，那么一定要看看外部库来帮助你，但首先学习基础知识是值得的，基础知识在这里会很好地为你服务.

here is my use case in JavaScript:

I have two arrays of objects which have properties that match (id & name).

var result1 = [
    {id:1, name:'Sandra', type:'user', username:'sandra'},
    {id:2, name:'John', type:'admin', username:'johnny2'},
    {id:3, name:'Peter', type:'user', username:'pete'},
    {id:4, name:'Bobby', type:'user', username:'be_bob'}
];

var result2 = [
    {id:2, name:'John', email:'[e-mail]'},
    {id:4, name:'Bobby', email:'[e-mail]'}
];

var props = ['id', 'name'];

My goal is to have another array of objects containing only the elements which did not match. Like this:

var result = [
    {id:1, name:'Sandra'},
    {id:3, name:'Peter'}
];

I know that there is a way of doing this by going from result1 compare each object with the objects of result2, then compare their keys, and if did'n match, put the values in another object then push it in new array, but I wonder is there any more elegant way, like using lo-dash or underscore or something similar.

Thank you!

解决方案

Just using the Array iteration methods built into JS is fine for this:

var result1 = [
    {id:1, name:'Sandra', type:'user', username:'sandra'},
    {id:2, name:'John', type:'admin', username:'johnny2'},
    {id:3, name:'Peter', type:'user', username:'pete'},
    {id:4, name:'Bobby', type:'user', username:'be_bob'}
];

var result2 = [
    {id:2, name:'John', email:'[e-mail]'},
    {id:4, name:'Bobby', email:'[e-mail]'}
];

var props = ['id', 'name'];

var result = result1.filter(function(o1){
    // filter out (!) items in result2
    return !result2.some(function(o2){
        return o1.id === o2.id;          // assumes unique id
    });
}).map(function(o){
    // use reduce to make objects with only the required properties
    // and map to apply this to the filtered array as a whole
    return props.reduce(function(newo, name){
        newo[name] = o[name];
        return newo;
    }, {});
});

document.body.innerHTML = '<pre>' + JSON.stringify(result, null, 4) +
        '</pre>';

If you are doing this a lot, then by all means look at external libraries to help you out, but it's worth learning the basics first, and the basics will serve you well here.

这篇关于比较两个对象数组，在JS中将匹配值的元素排除到新数组中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！