Chcę utworzyć wyświetlanie danych typu dynamicznej macierzy za pomocą skryptu java, html i jquery, który jest pokazanytutaj.

var reservations = [
    {"date":"22-12-2013","MCHC":"22","Pulse rate":"75","weight":"50" },
    {"date":"11-12-2013","CBC":"5"},
    {"date":"11-12-2013","weight":"55"}
];
var tbody = $('#reservations tbody'),
    props = ["date", "MCHC", "CBC", "Pulse rate", "weight"];

$.each(reservations, function(i, reservation) {
  var tr = $('<tr>');
  $.each(props, function(i, prop) {
       $('<td>').html(reservation[prop]).appendTo(tr);  
  });
  tbody.append(tr);
});

Problem polega na tym, że kod działa poprawnie, ale nie wyświetla unikalnych danych na podstawie daty. Na przykład, jak pokazano w powyższym linku, „data: 11-12-2013” ​​powtarza się dwa razy, czego nie chcę. Chcę wyświetlić unikalne dane.

Moje pożądane wyjście to: