Iterating through array of objects to group all data by date - angularjs

Question

I have my json file as below:
{
"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"
}
]
}
}
This is my js file:
var app = angular.module("myApp",[]);
app.controller("Control",function($scope,$http){
$http.get('myData.json').
success(function(data){
$scope.tableData = data.components;
});
});
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:
date name status 17th april Susan true
Soumya false 19th april Vinay false
Ajay true 20th april Thereza false

Answer 1

I am not sure I understood the question well, but this is how you can gather elements having the same date:
function group(inputs, groupClause) {
var g = {};
for (var key in inputs) {
for (var innerKey in inputs[key]) {
if (inputs[key][innerKey]) {
if (!g[inputs[key][innerKey][groupClause]]) g[inputs[key][innerKey][groupClause]] = [];
g[inputs[key][innerKey][groupClause]].push(inputs[key]);
}
}
}
return g;
}
You can call it like this:
var myGroup = group([myobject["components"]["record1"], myobject["components"]], "date");
If you do not know in advance how many records will be, then you can do something like this:
var input = [];
var index = 1;
while (myobject["components"]["record" + index]) {
input.push(myobject["components"]["record" + index]);
index++;
}
var myGroup = group(input, "date");

Answer 2

Have a look at angular-filter , You add that and you get a bunch of filters which includes groupBy too which can group contents of an array according to the index you specify .

Answer 3

A solution using lodash groupby. Let's say the object is stored in variable called obj. Then you can:
var arr = obj.components.record1.concat(obj.components.record2);
var a = _.groupBy(arr, function(n) {
return n.date;
});
Running this code with the object given in the question, will give something like:
Object { 1326439320: Array[1], 1419037000: Array[1], 1419038000: Array[2], 1619038000: Array[2] }
If you want to loop through one of the groups, just select it bey key:
a["1419038000"].forEach(x => console.log(x))
which will produce:
Object { date: 1419038000, name: "Vinay", status: "false" }
Object {
date: 1419038000, name: "Ajay", status: "true" }