Unia Array obiektów w JavaScript?

Question

Po przeszukiwaniu interwebza przez kilka godzin nie znalazłem rozwiązania, którego szukam.

Mam dwie tablice zawierające obiekty gier z dużą ilością informacji w środku. (np. tytuł, ślimak, miniatura, podsumowanie, gatunek, data wydania ...).

Array 1 jest zbiorem obiektów pasujących do zainteresowań użytkownika podane podczas rejestracji.

Array 2 jest zbiorem obiektów, które pasują do zakupionych gier podobnych użytkowników. (Podobne użytkownicy są te, które mają wspólne interesy)

Problem: To jest możliwe, a co dzieje się w moim przypadku, istnieją dwa identyczne gry - gra w tablicy 1 jest również w tablicy 2. W pierwszym tablica jest tam, ponieważ pasuje do zainteresowań użytkownika. W drugiej szacie gra jest dostępna, ponieważ podobny użytkownik kupił tę grę.

Pytanie: underscore.js ma miłą funkcji Unii() http://underscorejs.org/#union który daje związek dwóch tablic, ale to nie działa z tablicą obiektów, tylko na wartościach pierwotnych. Jak mogłem sprawić, by działało, dając mi połączenie szeregu obiektów?

Answer 1

Można bardzo łatwo wdrożyć własne. W takim przypadku funkcja ta jest generyczna, dzięki czemu może pobierać tablice dowolnego typu danych i łączyć je za pomocą dostarczonej funkcji komparatora.

// arr1 and arr2 are arrays of any length; equalityFunc is a function which 
// can compare two items and return true if they're equal and false otherwise 
function arrayUnion(arr1, arr2, equalityFunc) { 
    var union = arr1.concat(arr2); 

    for (var i = 0; i < union.length; i++) { 
     for (var j = i+1; j < union.length; j++) { 
      if (equalityFunc(union[i], union[j])) { 
       union.splice(j, 1); 
       j--; 
      } 
     } 
    } 

    return union; 
} 

function areGamesEqual(g1, g2) { 
    return g1.title === g2.title; 
} 

// Function call example 
arrayUnion(arr1, arr2, areGamesEqual); 

Patrz Object comparison in JavaScript różnych implementacjach porównawczych przedmiot.

Answer 2

jQuery ma metodę extend:

$.extend(true, object1, object2); 

Answer 3

Korzystanie podkreślenia przedłużyć, można zrobić:

var objects = [{ bar : 1, nuts : 2} , {foo : 3, nuts : 4}] 
_.extend.apply(this,objects) 

Jeśli lista może być pusta, należy dołączyć pusty obiekt do niego.

Answer 4

Można to zrobić za pomocą podkreślenia sposób:

// collectionUnion(*arrays, iteratee) 
function collectionUnion() { 
    var args = Array.prototype.slice.call(arguments); 
    var it = args.pop(); 

    return _.uniq(_.flatten(args, true), it); 
} 

to tylko doskonalenie pierwotnej funkcji _.union(*arrays), dodając iteratee pracować Collection (tablicę obiektu).

Oto jak go używać:

var result = collectionUnion(a, b, c, function (item) { 
    return item.id; 
}); 

Oryginalny funkcja, która jest po prostu pracować z tablicy, wygląda na to, że:

_.union = function() { 
    return _.uniq(flatten(arguments, true, true)); 
}; 

A premia pełny przykład:

// collectionUnion(*arrays, iteratee) 
function collectionUnion() { 
    var args = Array.prototype.slice.call(arguments); 
    var it = args.pop(); 

    return _.uniq(_.flatten(args, true), it); 
} 

var a = [{id: 0}, {id: 1}, {id: 2}]; 
var b = [{id: 2}, {id: 3}]; 
var c = [{id: 0}, {id: 1}, {id: 2}]; 

var result = collectionUnion(a, b, c, function (item) { 
    return item.id; 
}); 

console.log(result); // [ { id: 0 }, { id: 1 }, { id: 2 }, { id: 3 } ] 

Answer 5

Set (ES6/ES2015) pomoże.

const info1 = {id: 1} 
 
const info2 = {id: 2} 
 
const info3 = {id: 3} 
 

 
const array1 = [info1, info2] 
 
const array2 = [info1, info3] 
 

 
const union = [...new Set([...array1, ...array2])] 
 

 
console.log(union)