JSFiddle - React, Tailwind, and code Playground
JavaScript
// User code
var objs = [
{
"issue_id": 2,
"description": "test description",
"issue_category": null,
"half_description": null,
"issue_type": "PAYMENT",
"zone_id": 12,
"issue_priority": "p1",
"issue_severity": "s1",
"issue_for_usertype": "DRIVER",
"assigned_team": null,
"created_at": "2018-05-08T16:28:15.000Z",
"updated_at": "2018-05-08T16:28:15.000Z",
"is_deleted": 0
},
{
"issue_id": 9,
"description": "issue description",
"issue_category": "CATEGORY",
"half_description": null,
"issue_type": "PAYMENT",
"zone_id": 3,
"issue_priority": "P2",
"issue_severity": "S2",
"issue_for_usertype": "DRIVER",
"assigned_team": "ANALYTICS",
"created_at": "2018-07-05T17:02:27.000Z",
"updated_at": "2018-07-05T17:02:27.000Z",
"is_deleted": 0
},
{
"issue_id": 5,
"description": "updated description is here",
"issue_category": null,
"half_description": null,
"issue_type": "RIDES",
"zone_id": 13,
"issue_priority": "P2",
"issue_severity": "S2",
"issue_for_usertype": "DRIVER",
"assigned_team": "NEW LOGISTICS",
"created_at": "2018-05-16T17:15:47.000Z",
"updated_at": "2018-05-16T17:31:37.000Z",
"is_deleted": 0
}
];
var finalResultItem = [];
var issueTypes = []
for (var i = 0; i < objs.length -1 ; i++) {
if(issueTypes.indexOf(objs[i].issue_type) <= -1){
let issuesForType =[]
for (var j = i; j < objs.length; j++) {
if(objs[i].issue_type == objs[j].issue_type){
issuesForType.push(objs[j]);
}
}
issueTypes.push(objs[i].issue_type)
finalResultItem.push({
type : objs[i].issue_type,
issues : issuesForType
...