オブジェクトの2つの配列javascriptを比較し、不一致の配列要素をアンダースコアまたはロダッシュを使用して新しい配列にスローする

Question

私は2つの配列apple = [1,5,10,15,20],bottle = [1,5,10,15,20,25]を使ってロダッシュまたは任意のjavascript関数を使用しています。より正確に言えば、 'apple'配列と 'bottle'配列を比較すると、すべての要素のリストが必要です。/

Answer 1

reduce()とfilter()という独自の関数を作成することができます。

var apple = [1,5,10,15,20], bottle = [1,5,10,15,20,25] 
 

 
function diff(a1, a2) { 
 
    //Concat array2 to array1 to create one array, and then use reduce on that array to return 
 
    //one object as result where key is element and value is number of occurrences of that element 
 
    var obj = a1.concat(a2).reduce(function(result, element) { 
 
    result[element] = (result[element] || 0) + 1 
 
    return result 
 
    }, {}) 
 
    
 
    //Then as function result return keys from previous object where value is == 1 which means that 
 
    // that element is unique in both arrays. 
 
    return Object.keys(obj).filter(function(element) { 
 
    return obj[element] == 1 
 
    }) 
 
} 
 

 
console.log(diff(apple, bottle))

ES6矢印関数で同じコードのより短いバージョン。

var apple = [1,5,10,15,20], bottle = [1,5,10,15,20,25] 
 

 
function diff(a1, a2) { 
 
    var obj = a1.concat(a2).reduce((r, e) => (r[e] = (r[e] || 0) + 1, r), {}) 
 
    return Object.keys(obj).filter(e => obj[e] == 1) 
 
} 
 

 
console.log(diff(apple, bottle))

Answer 2

あなたは反対の配列のSetでArray#filterを使用することができます。

この提案では、要素aがセットbにない場合はtrueを返す関数complementを使用します。

対称的な違いについては、コールバックによるフィルタリングを両側で使用する必要があります。

function getComplement(collection) { 
 
    // initialize and close over a set created from the collection passed in 
 
    var set = new Set(collection); 
 
    // return iterator callback for .filter() 
 
    return function (item) { 
 
     return !set.has(item); 
 
    }; 
 
} 
 
var apple = [1,5,10,15,20], 
 
    bottle = [1,5,10,15,20,25], 
 
    unique = [ 
 
     ...apple.filter(getComplement(bottle)), 
 
     ...bottle.filter(getComplement(apple)) 
 
    ]; 
 

 
console.log(unique);