javascript - 访问嵌套的 JSON 对象

Question

我正在构建一个 Angular 应用程序，并且还使用了 Angular 翻译，因为它需要双语。

我似乎已经正确地创建了我的 JSON(通过检查器运行它)，但是当我尝试访问 JSON 对象中超出第一层的项目时，它返回未定义。

例如，我在 Angular 翻译中的 JSON 是这样的:

$translateProvider.translations('en', {
 "SEARCH": {
    "SEARCH" : "Recherce",
    "ABILITY" : "Abilities",
    "MANAGEMENT" : "Management Competencies",
    "PERSONAL" : "Personal Suitability"
 },

 "ABILITIES": {
    "TITLE" : "Test Title here",
    "ADVISORY": {
      "TITLE" : "Advisory Skills",
      "QUESTIONS": [
        {
          "TYPE" : "A",
          "LEVEL" : "45",
          "DESCRIPTION" : "Can you tell me how awesome you are"
        },
        {
          "TYPE" : "B",
          "LEVEL" : "100",
          "DESCRIPTION" : "Tell me about your wicked project"
        }
      ]
    }
  },

  "HEADLINE": "Oh No!",
  "SUB_HEADLINE": "Looks like you are not amazing"
});   

为了开始访问 JSON 对象中的数据，我这样做了

list = $translateProvider.translations('en');

现在，当在控制台中输出项目以查看它们是否有效时，我这样做:

console.log(list);
var getTitle = list.HEADLINE;
var getSearch = list.SEARCH.ABILITY;
console.log(getSearch);
console.log(getTitle);

这就是奇怪的地方。

The 'list' returns the JSON array I specified

Getting the HEADLINE returns Oh No!

But getting list.SEARCH.ABILITY returns an undefined

什么给了!？我还没有尝试在真正嵌套的数组“ABILITIES”中访问我真正想要的东西

请记住，Angular Translate 使用格式 {{ 'ABILITIES.ADVISORY.TITLE' |翻译 }} 将 JSON 输出到 HTML 页面上

Answer 1

试试 list.SEARCH["ABILITY"].value