嵌套 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'