javascript - 访问 JavaScript JSON 中的对象属性

Question

我正在开发一些基本的对象项目，以开始使用它们并绑定(bind) JSON。但是，我错过了一些东西，因为在尝试访问嵌套属性时，我一直返回“未定义”。

目标是创建一个新的场景对象并根据我传递的场景名称加载内容。

function newScene(name) {
    var sceneName = name;

    this.sceneDetails = function() {

        var theDetails = {
            "home": [
                { "title": "Home Page",
                "desc": "This home page is the homiest of all home pages." }
            ],
            "about": [
                { "title": "The About Page",
                "desc": "This page is about stuff." }
            ]
        }
        console.log(theDetails[sceneName]['title']);
    }
}


var thePage = new newScene('home');
var thePageBuild = thePage.sceneDetails();

运行此命令时，我得到的是“未定义”，而不是实际的主页标题。任何帮助将不胜感激。谢谢!

Answer 1

您正在将标题和描述添加到数组中，因此实际详细信息位于

console.log(theDetails[sceneName][0]['title']);

我怀疑这不是您想要的，因此将 theDetails 分配更改为此，代码应该可以正常工作:

var theDetails = {
    "home": { 
        "title": "Home Page",
        "desc": "This home page is the homiest of all home pages."
    },
    "about": { 
        "title": "The About Page",
        "desc": "This page is about stuff." 
    }            
}