解析 JSON 以仅获取特定的孩子而不是所有的孩子

Question

我一直在尝试使用 JSON.Parse() 解析以下 JSON 数据，我只需要 images 中的 url 标签，而不是标题或 resizedImageUrls。

{"images": [
            {
                "url": "https://media.IMG_0001.jpg",
                "caption": "Photo1",
                "resizedImageUrls": {
                    "size135x100": "https://media.IMG_0001_135x100.jpg",
                    "size476x317": "https://media.IMG_0001_476x317.jpg",
                    "size656x437": "https://media.IMG_0001_656x437.jpg"
                }
            },
            {
                "url": "https://media.IMG_0002.jpg",
                "caption": "Photo2",
                "resizedImageUrls": {
                    "size135x100": "https://media.IMG_0002_135x100.jpg",
                    "size476x317": "https://media.IMG_0002_476x317.jpg",
                    "size656x437": "https://media.IMG_0002_656x437.jpg"
                }
            },{
                "url": "https://media.IMG_0003.jpg",
                "caption": "Photo3",
                "resizedImageUrls": {
                    "size135x100": "https://media.IMG_0003_135x100.jpg",
                    "size476x317": "https://media.IMG_0003_476x317.jpg",
                    "size656x437": "https://media.IMG_0003_656x437.jpg"
                }
            }
        ]}

我将上面的 JSON 声明为变量 data，然后使用以下代码。

var items = JSON.parse(data);
return {
    url: items.images;
}

但它返回了所有 url、标题和调整大小的图像 url。我知道另一种方法是使用items.images[0].url。但是，有时图像 url 很多，添加 0 到 n 个数字的代码是不可行的。我想过使用for 循环，但是我不知道如何。

Answer 1

您只能创建 map 并返回 urls。

const items = JSON.parse(data);
const urls = items.images.map(item => item.url);