javascript - "Cannot read property ' 用户名 ' of undefined"从 JSON 数据创建 html 表时出错

Question

我正在尝试为我正在尝试制作的留言板网站从 JSON 创建一个 html 表。我有一个名为“msgs”的 JSON 消息，其中包含用户名、消息和日期的字典。我试图提取每个元素以添加到表中，但出现错误。

我最初将所有行单独附加到表中，但我创建了一个变量“表”，在其中添加所有元素并将所有内容附加到最后。

msgs=[{username:"John"
       message:"I am John"
       date: "2019-09-05 18:02:53.000000"}
      {username:"Mary"
       message:"I am Mary"
       date:"2019-09-06 18:02:53.000000"}
]

function buildTable(msgs){
        let table = ""
        table += '<table style="width:100%" border="1">';
        for (var i = 0; 1 < msgs.length; i++){
            let username = msgs[i]["username"];
            let message = msgs[i]["message"];
            let date = msgs[i]["date"];
            table += '<tr>';

            table += '<td>' + username + '</td>';
            table += '<td align="left">'+ message + '</td>';
            table += '<td align="right">' + date + '</td>';

            table += '</tr>';
        }
        table +='</table>';
        $("#messagecontainer").append(table);

以第 5 行为例。

  msgs[i][username] 
= msgs[0][username]
= "John"

应该是 John，但我收到一条错误消息:

“未捕获类型错误:无法读取未定义的属性‘用户名’”

我尝试将 msgs[i][用户名] 记录到控制台，它正确打印了“John”。但是，当我尝试将其添加到表中时，它不起作用。

Answer 1

难道你的for循环有1 (number one) < msgs.length而不是i (variable i) < msgs.length ？因此，条件始终为真，循环结束