当键具有特殊字符时访问JSON值[重复]答案

【问题标题】：Accessing JSON value when key has special character [duplicate]当键具有特殊字符时访问JSON值[重复]
【发布时间】：2015-07-10 21:43:11
【问题描述】：

我有以下 JSON 对象，我将其命名为 data。

{
  "topalbums": {
    "album": {
      "image": [
        {
          "#text": "http:\/\/userserve-ak.last.fm\/serve\/34s\/88057565.png",
          "size": "small"
        },
        {
          "#text": "http:\/\/userserve-ak.last.fm\/serve\/64s\/88057565.png",
          "size": "medium"
        },
        {
          "#text": "http:\/\/userserve-ak.last.fm\/serve\/126\/88057565.png",
          "size": "large"
        },
        {
          "#text": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/88057565.png",
          "size": "extralarge"
        }
      ]
    }
  }
}

在 Angular 控制器中，我将此 JSON 对象称为 data.topalbums.album。

回到我的 HTML 页面，我正在尝试使用 ng-src 插入图像数组中的最后一个（第三个）图像：

ng-src="{{album.image[3].#text}}"

由于# 字符，这当然会导致 Angular 引发 Lexer 错误。

我试过逃脱角色但没有运气：

ng-src="{{album.image[3].%23text}}"

如何访问 JSON 对象的 image 数组中的 #text 键的值？

【问题讨论】：

标签： javascript json angularjs url

【解决方案1】：

您可以使用[] 括号访问这些属性：

ng-src="{{album.image[3]['#text']}}"

https://tc39.github.io/ecma262/#sec-property-accessors

【讨论】：