title: Iterating through array of objects to group all data by date
body: <p>I have my json file as below:</p>
  
  <pre><code>{
    "components":{
    "record1":
    [
      {
      "date":1619038000,
      "name":"Susan",
      "status":"true"
    },
    {
      "date":1419038000,
      "name":"Vinay",
      "status":"false"
    },
    {
      "date":1419038000,
      "name":"Ajay",
      "status":"true"
    }
    ],
    "record2":[
      {
      "date":1419037000,
      "name":"Soumya",
      "status":"false"
    },
    {
      "date":1619038000,
      "name":"Savio",
      "status":"true"
    },
    {
      "date":1326439320,
      "name":"Thereza",
      "status":"false"
    }
    ]
  }
  }
  </code></pre>
  
  <p>This is my js file:</p>
  
  <pre><code>var app = angular.module("myApp",[]);
  
   app.controller("Control",function($scope,$http){
     $http.get('myData.json').
         success(function(data){
                    $scope.tableData = data.components;
                  });
  });
  </code></pre>
  
  <p>I want to group data from both arrays and display them in such a way that data having similar dates are grouped together. Maybe if I have more record inside then how wud I do it.Please do help me in this. I want to group them as follows:</p>
  
  <pre><code>date       name   status 17th april Susan  true
             Soumya false 19th april Vinay  false
             Ajay   true 20th april Thereza false
  </code></pre>