React Native - 訪問數組 json 中的 object

Question

我知道這是一個愚蠢的問題，但我已經有一段時間了，我無法解決它。 我正在嘗試訪問數組內的這個 object。 具體到 url。 我試過這種方式：

1. post.yoast_head_json.og_image.url
2. post.yoast_head_json.og_image[0].url
3. post.yoast_head_json.og_image['url']
4. post.yoast_head_json.og_image.[0].url

執行post.yoast_head_json.og_image的 console.log 會得到以下結果：

Array [
  Object {
    "height": 427,
    "type": "image/jpeg",
    "url": "https://www.example.es/wp-content/uploads/2022/01/pexels-picjumbocom-196656.jpg",
    "width": 640,
  },
]

Answer 1

我已經找到了解決我的問題的方法。

解決方案：

        let data;
        const imageUrl = [];           
        
        posts.forEach ( (post)=> {
    
        if(post.yoast_head_json.og_image != undefined)
        {
            data = JSON.stringify(post.yoast_head_json.og_image);

            JSON.parse(data, (key, value) => {  
                let valueStr = String(value);
                if (valueStr.includes('https')) {
                    imageUrl.push(valueStr);
                }
            })
        }
    });