Liên minh mảng đối tượng trong JavaScript?

Question

Vì vậy, sau khi tìm kiếm interwebz trong một vài giờ tôi đã không tìm thấy giải pháp mà tôi đang tìm kiếm.

Tôi có hai mảng chứa đối tượng trò chơi có nhiều thông tin bên trong. (ví dụ: tiêu đề, sên, hình thu nhỏ, tóm tắt, thể loại, ngày phát hành ...).

Mảng 1 là tập hợp các đối tượng phù hợp với sở thích của người dùng được chỉ định trong quá trình đăng ký.

Mảng 2 là tập hợp các đối tượng khớp với các trò chơi đã mua của những người dùng tương tự. (Những người dùng tương tự là những người có cùng sở thích chung)

Bài toán: Có thể xảy ra, trong trường hợp của tôi, có hai trò chơi giống nhau - trò chơi trong Mảng 1 cũng nằm trong Mảng 2. mảng trò chơi là có bởi vì nó phù hợp với sở thích của người dùng. Trong mảng thứ hai trò chơi là có bởi vì một người dùng tương tự đã mua trò chơi đó.

Câu hỏi: Underscore.js có một liên kết hàm nhỏ() http://underscorejs.org/#union cung cấp cho bạn kết hợp hai mảng, nhưng nó không hoạt động với một mảng đối tượng, chỉ trên các giá trị nguyên thủy. Làm thế nào tôi có thể làm cho nó làm việc cho tôi một sự kết hợp của mảng các đối tượng?

Answer 1

Bạn có thể tự triển khai khá dễ dàng. Trong trường hợp này, chúng ta làm cho hàm tổng quát, để nó có thể lấy các mảng của bất kỳ kiểu dữ liệu nào và kết hợp chúng bằng cách sử dụng hàm so sánh được cung cấp.

// 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); 

Tham khảo Object comparison in JavaScript để triển khai so sánh đối tượng khác nhau.

Answer 2

jQuery có phương pháp extend:

$.extend(true, object1, object2); 

Answer 3

Sử dụng gạch mở rộng, bạn có thể làm:

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

Nếu danh sách có thể để trống, hãy chắc chắn để thêm một đối tượng rỗng với nó.

Answer 4

Bạn có thể làm điều đó bằng cách gạch dưới:

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

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

Nó chỉ là một improvment của hàm gốc _.union(*arrays), thêm một iteratee làm việc sưu tập (mảng các đối tượng).

đây làm thế nào để sử dụng nó:

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

Chức năng ban đầu mà chỉ đang làm việc với mảng, trông giống như rằng:

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

Và trong tiền thưởng một ví dụ đầy đủ:

// 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) sẽ giúp bạn.

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)