怎么将HTML数组用ID打印,如何将这个数组按照其中的exam_id进行分组输出到html

[

{

"id": "4",

"type": "语文",

"score": "91",

"exam_id": "2",

"title": "三年级期末考试",

"etime": "2017-06-02"

},

{

"id": "6",

"type": "英语",

"score": "89",

"exam_id": "2",

"title": "三年级期末考试",

"etime": "2017-06-02"

},

{

"id": "5",

"type": "数学",

"score": "60",

"exam_id": "2",

"title": "三年级期末考试",

"etime": "2017-06-02"

},

{

"id": "2",

"type": "数学",

"score": "91",

"exam_id": "1",

"title": "三年级期中考试",

"etime": "2017-05-25"

},

{

"id": "1",

"type": "语文",

"score": "85",

"exam_id": "1",

"title": "三年级期中考试",

"etime": "2017-05-25"

},

{

"id": "3",

"type": "英语",

"score": "87",

"exam_id": "1",

"title": "三年级期中考试",

"etime": "2017-05-25"

}

]

以上是后台传到前台的数组

(以上数组是通过后台php查询的动态数组，也就是其中的内容都不是固定的，是后台可以添加的)

如何使用js将以上的数组按照其中的exam_id来归类分组进行输出到html

输出后期望效果如下图

而不是以下这样的