嵌套 JSON 数据的故障处理

Question

我有一个 JSON 数据，我在使用一个嵌套的 object 时遇到问题。 可以看到有两个元数据 object，我的目的是获取图片链接。

obj.metadata.url

正在工作，但这不起作用。

obj.metadata.metadata.image 

我在这里想念什么？

{
  "tokenId": "0",
  "metadata": {
    "url": "https://gateway.pinata.cloud/ipfs/QmSnTNGbhD/0",
    "metadata": {
      "name": "Illuminati #0",
      "image": "https://gateway.pinata.cloud/ipfs/QmW8pAhkNr/5499.png",
      "attributes": [
        {
          "trait_type": "Background",
          "value": "Stained Glass"
        },
        {
          "trait_type": "Frames",
          "value": "Stained Glass"
        }
      ]
    },
    "tokenId": "0"
  }
}

Answer 1

从您的问题来看，您似乎正在处理 JSON 数据而不是 JavaScript 对象。 为了获得 JSON 的属性，您首先需要使用JSON.parse()解析JSON ，然后您可以使用 .parse() . 得到你想要的属性。

data = {
  "tokenId": "0",
  "metadata": {
     "url": "https://gateway.pinata.cloud/ipfs/QmSnTNGbhD/0",
      "metadata": {
      "name": "Illuminati #0",
      "image": "https://gateway.pinata.cloud/ipfs/QmW8pAhkNr/5499.png",
      "attributes": [
      {
        "trait_type": "Background",
        "value": "Stained Glass"
      },
      {
        "trait_type": "Frames",
        "value": "Stained Glass"
      }
     ]
  },
  "tokenId": "0"
  }
};

obj = JSON.parse(data);
console.log(obj.metadata.url)
// 'https://gateway.pinata.cloud/ipfs/QmSnTNGbhD/0'
console.log(obj.metadata.metadata.image);
// 'https://gateway.pinata.cloud/ipfs/QmW8pAhkNr/5499.png'