Javascript 如何使用下划线js模板将数组转换为HTML表？

我有这个数组

[
  {"Product":"A","time":"00:21:59","date":"2016-09-05"},
  {"Product":"B","time":"00:11:59","date":"2016-09-07"},
  {"Product":"A","time":"00:11:59","date":"2016-09-08"}
]

我想让它像

Type | Mon   | Tue | Wed   | Thu   | Fri | Sat | Sun
--------------------------------------------------
A    |0:21:59|     |       |0:11:59|     |     | 
B    |       |     |0:11:59|       |     |     |

这是此表示形式的数组

[{"Type":A,"Mon":"0:21:59","Tue":"","Wed":"","Thu":"0:11:59","Fri":"","Sat":"","Sun":""},
{"Type":B,"Mon":"","Tue":"","Wed":"0:11:59","Thu":"","Fri":"","Sat":"","Sun":""}]

我如何使用下划线制作它？

---

我试着使用u.object，但我认为它不是解决这个问题的方法

您需要在阵列上循环。下划线模板使用普通的旧JavaScript，通过

标记嵌入。使用

.each

或

数组#forEach

迭代数组。

您可以使用

forEach（）

循环和可选的

thisArg

参数为每个产品创建对象，然后使用

var数据=[
{“产品”：“A”，“时间”：“00:21:59”，“日期”：“2016-09-05”}，
{“产品”：“B”，“时间”：“00:11:59”，“日期”：“2016-09-07”}，
{“产品”：“A”，“时间”：“00:11:59”，“日期”：“2016-09-08”}
];
变量天数=[“周一”、“周二”、“周三”、“周四”、“周五”、“周六”、“周日”]；
var结果=[]；
data.forEach（函数（o）{
var date=新日期（o.date）.getDay（）-1；
如果（！此[o.Product]）{
此[o.产品]={
类型：o.产品，
“星期一”：“，
“星期二”：“，
“Wed”：“，
“Thu”：“，
“星期五”：“，
“Sat”：“，
“太阳”：”
}
结果。推送（此[o.Product]）
}
此[o.产品][天[日期]]=o.时间；
}, {})
console.log（result）

请参见此处开始，我可以使用它使我的第一个数组与第二个数组相似吗？您好。你能为这个答案加上每周的总时间吗？非常感谢。