请问，这种json如何用js输出到html为想要的格式

[Jovi_Chin]

{
    "三年级期中考试": [
        {
            "id": "3",
            "uid": "12",
            "score": "87",
            "note": "下次继续努力asd",
            "type": "英语",
            "title": "三年级期中考试",
            "time": "2017-05-25"
        },
        {
            "id": "2",
            "uid": "12",
            "score": "91",
            "note": "下次继续努力123",
            "type": "数学",
            "title": "三年级期中考试",
            "time": "2017-05-25"
        },
        {
            "id": "1",
            "uid": "12",
            "score": "85",
            "note": "下次继续努力",
            "type": "语文",
            "title": "三年级期中考试",
            "time": "2017-05-25"
        }
    ]
}

js输出到html页面显示为想要的格式如下

[本人QQ-554433626]

for (var key in json)
    {
	var average=0;
	var title=key.toString();//三年级期中考试
	for (var i = 0; i < json[key].length; i++) {
	 var type=json[key][i][type].toString();//语文...
	 var score=json[key][i][score].toString();//得分...
	 average+=parseInt(score);
	}
	average=average/json[key].length;//平均分
    }

拼接成HTML