Làm phẳng mảng đối tượng vào một mảng đối tượng khác bằng cách sử dụng javascript

Question

Tôi đã chống lại vấn đề này trong nhiều ngữ cảnh và ngôn ngữ và tôi luôn có thể làm việc xung quanh nó nhưng tôi muốn tìm ra một mẫu phù hợp xử lý này. Nó xuất phát từ việc nối các bảng SQL. Thông thường tôi sẽ thực hiện hai cuộc gọi, một cho các mục và một cho ý kiến ​​nhưng tôi biết có một cách để có được tất cả trong một cuộc gọi và sau đó san bằng kết quả.

Những gì tôi muốn làm là để có một mảng mà trông như thế này:

[ 
    { 
    itemId: 1, 
    comments: { 
     commentId: 1 
    } 
    }, 
    { 
    itemId: 1, 
    comments: { 
     commentId: 2 
    } 
    }, 
    { 
    itemId: 2, 
    comments: { 
     commentId: 3 
    } 
    } 
] 

Và biến nó thành này:

[ 
    { 
    itemId: 1, 
    comments: [ 
     { 
     commentId: 1 
     }, 
     { 
     commentId: 2 
     } 
    ] 
    }, 
    { 
    itemId: 2, 
    comments: [ 
     { 
     commentId: 3 
     } 
    ] 
    } 
] 

Answer 1

Sau đây nên làm việc cho bạn:

function combine(arr) { 
    var newObj = {}; 

    // combine the comments 
    for (var i=0; i < arr.length; i++) { 
     if (newObj[arr[i].itemId]) { 
      newObj[arr[i].itemId].push(arr[i].comments); 
     } else { 
      newObj[arr[i].itemId] = [arr[i].comments]; 
     } 
    } 

    // make the list 
    var keys = Object.keys(newObj); 
    return keys.map(function(key){return {itemId: key, comments: newObj[key]} }) 
} 

Answer 2

Bạn cũng có thể sử dụng filter():

function combine(src) { 
    var dict = {}; 
    return src.filter(function(item) { 
     if (!dict[item.itemId]) { 
      item.comments = [ item.comments ]; 
      dict[item.itemId] = item; 
      return true; 
     } else { 
      dict[item.itemId].comments.push(item.comments); 
      return false; 
     } 
    }); 
}