如何将这个数组按照其中的exam_id进行分组输出到html

Question

[
    {
        "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

输出后期望效果如下图

而不是以下这样的

Answer 1

把相同的exam_id对应的对象取出来，放到一个数组中