如何修复 JavaScript 中未定义的 TypeError？对象的所有字段都存在

Question

在下面的代码片段中，我从java Servlet接收一个JSON对象并访问该对象的属性。

JSON 对象：

{

  "redirect": "/index.html",

  "logout": "/_cloudshellProxy/_ah/logout?continue\u003d%2Findex.html",

  "status": true,

  "register": true,

  "user": {

    "email": "[e-mail]",

    "username": "Yevesky",

    "college": {

      "name": "Lafayette College",

      "key": "aglzcHN0ZWFtMTlyFAsSB0NvbGxlZ2UYgICAgICAswgM"

    },

    "key": "aglzcHN0ZWFtMTlyEQsSBFVzZXIYgICAgICgxAgM"

  }

}

以下是我如何处理来自 servlet 的对象。

fetch("/getUserInfo").then(response => response.json()).then(object =>

    {

        jsonObject = object;

        console.log(jsonObject);

        setUpUserPage(jsonObject);

        loadClasses();

    });

    

function setUpUserPage(json){

    const jsonData = json;

    var name = document.createElement("h3");

    name.innerText = String(jsonData.username);

    var uni = document.createElement("h6");

    uni.innerText = String(jsonData.college.name); // Error occurs here

    var classification = document.createElement("h6");

    console.log(jsonData.classes);

    

    if (jsonData?.isProf)

    {

        classification.innerText = "Professor";

    }

    else

    {

        classification.innerText = "Student";

    }

    var email = document.createElement("h6");

    email.innerText = String(jsonData.email);

    var spacer = document.createElement("BR");

    //change nickname link

    var changeNicknameP = document.createElement("p");

    changeNicknameP.innerText = "Change your nickname: ";

    var anchor = document.createElement("A");

    var link = document.createTextNode("here");

    anchor.setAttribute("href", "#");

    anchor.appendChild(link);

    changeNicknameP.appendChild(anchor);

}

问题是我不明白为什么我会得到一个“TypeError：无法读取未定义的属性'名称'”，如果对象有这样的属性？

它只是JavaScript还是我没有遵循一个过程。

我每次都会在控制台上打印JSON对象，以查看该属性是否确实存在。

Answer 1

这是因为您可能犯了一个错误。“学院”是用户的属性，而不是你的jsonData。将你的行替换为：uni.innerText = String(jsonData.user.college.name);如果响应可以更改，请不要忘记检查对象的属性（例如，在某些情况下，用户或学院是选项属性）PS：对不起，我无法发表评论，因为我对SO没有足够的观点。