JavaScript读取JSON文件访问属性返回Undefined问题求解

问题原因 #

你访问属性的层级有误。解析JSON后得到的data是顶层对象，它的第一层仅包含employee这一个属性，你要读取的name是employee属性对应对象下的子属性，直接访问data.name自然会返回undefined。

修正方案 #

把代码中读取属性的语句修改为嵌套访问即可：

fetch("parameters.json")
        .then(function(resp){
            return resp.json();
        })
        .then(function(data){
            console.log(data);
            // 修正后的属性访问路径
            console.log(data.employee.name);
        })

运行后即可正常打印出sonoo的值。

内容的提问来源于stack exchange，提问作者Diana Sk