javascript - 无法访问 JSON 子元素

标签 javascript json angular

我试图迭代以下 JSON 对象。当我尝试使用 page.content-items 访问 content-items 时出现错误。是否无法访问带有“-”键的对象?请给出如何访问该对象的解决方案。

{
      "page": {
        "title": "Romantic Comedy",
        "total-content-items" : "54",
        "page-num-requested" : "1",
        "page-size-requested" : "20",
        "page-size-returned" : "20",
        "content-items": {
          "content": [
            {
              "name": "The Birds",
              "poster-image": "poster1.jpg"
            },
            {
              "name": "Rear Window",
              "poster-image": "poster2.jpg"
            },
            {
              "name": "Family Pot",
              "poster-image": "poster3.jpg"
            }
          ]
        }
      }
    }

最佳答案

可以使用 - 字符访问 key ,但不能使用点表示法。您需要使用括号表示法:

page['content-items']

访问该属性。

关于javascript - 无法访问 JSON 子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50238527/

相关文章:

javascript - Object[key] 返回未定义(奇怪)

javascript - 如何在DataTables中以数字方式对下拉列表进行排序

javascript - 向 json 对象添加新属性

javascript - 在生产代码中使用 setTimeout 安全吗?

javascript - 如何在 Google map 上创建自定义交互区域?

javascript - ES6 中 funcName() {} 和 funcName = () => {} 的区别

angular - 为什么 Angular 8 路由器不能在带有 WkWebView 的 Cordova IOS 中工作?

html - Angular 2 从 URL 中删除哈希 (#)

javascript - 如何在 Vue 转换开始之前读取大小并移动隐藏元素?

javascript - 使用 d3.js 强制有向图