从javascript数组填充HTML表

我有一个脚本数组，大致如下：

var lakeData = [
{
   "Month": "1959-01",
   "LakeErieLevels": 12.296
 },
 {
   "Month": "1959-02",
   "LakeErieLevels": 13.131
 },
 {
   "Month": "1959-03",
   "LakeErieLevels": 13.966
 },
 {
   "Month": "1959-04",
   "LakeErieLevels": 15.028
 },
 {
   "Month": "1959-05",
   "LakeErieLevels": 15.844
 },
 {
   "Month": "1959-06",
   "LakeErieLevels": 15.769
 }
 ];

我需要一点HTML代码：

<table id="lake">
  <thead><tr><th>Date</th><th>Depth</th></tr></thead>
  <tbody></tbody>
</table>

日期深度

我试图在页面加载时将数组填充到表中

var lakeData=[{
“月份”：“1959-01”，
“湖面水位”：12.296
},
{
“月份”：“1959-02”，
“湖面水位”：13.131
},
{
“月”：“1959-03”，
“湖面水位”：13.966
},
{
“月”：“1959-04”，
“湖面水位”：15.028
},
{
“月”：“1959-05”，
“湖面水位”：15.844
},
{
“月”：“1959-06”，
“湖面水位”：15.769
}
];
函数addDataToToBody（nl，数据）{//nl->NodeList，data->array with objects
data.forEach（（d，i）=>{
var tr=nl.insertRow（i）；
Object.keys（d）.forEach（（k，j）=>{//对象中的键表示th.innerHTML
var单元=tr.insertCell（j）；
cell.innerHTML=d[k]；//为单元格分配对象值
});
nl.儿童（tr）；
})
}
var lakeTbody=document.querySelector（“#lake tbody”）；
AddDataToBody（湖体、湖田）

日期
深度
有很多JavaScript库可供使用。您的问题没有显示任何（重新）搜索努力或试图解决它，并且您已经得到了答案