json对象的Javascript在html页面中没有显示？

我正在学习JS教程，但我遇到了一个问题：列表没有显示在我的浏览器中

我检查了脚本部分，但一切正常。我没有在我的代码中找到错误

“我的网页”浏览器上的输出应与以下列表类似：

*facebook:...
*instagram:...

脚本：

var info= {
  "full_name": "tim berner ",
  "tile": "staff author",
  "links": [
    {"facebook": "https://web.facebook.com/"},
    {"instagram": "https://www.instagram.com/"}
  ]
};

var output = '';
for (var i = 0; i <= info.length; i++){
  for (key in info.links[i]){
    if (info.links[i].hasOwnProperty(key)){
      output += '<li>' +
        '<a href= "' + info.links[i] [key] + 
        ' ">' + key + '</a> ' +
        '</li>' ; 
    } //hasOwnProperty
  } //for each object
} //for each array element 

var update = document.getElementById('links');
update.innerHTML = output;

您缺少。for条件语句中的链接。请参见下面的工作JavaScript代码：

var info = {
    "full_name": "tim berner ",
    "tile": "staff author",
    "links": [
        { "facebook": "https://web.facebook.com/" },
        { "instagram": "https://www.instagram.com/" }
    ]
};

var output = '';
for (var i = 0; i <= info.links.length; i++) {
    for (key in info.links[i]) {
        if (info.links[i].hasOwnProperty(key)) {
            output += '<li>' +
                '<a href= "' + info.links[i][key] +
                ' ">' + key + '</a> ' +
                '</li>';
        }//hasOwnProperty
    }//for each object
}//for each array element 
var update = document.getElementById('links');
update.innerHTML = output;

---

谢谢，我想我忘了在脚本标签之前添加链接了，现在可以了！错误出现在第一个for语句中：info.length未定义。info.links.length就是你的意思