javascript - 在 ThingWorx 中仅显示一些 JSON 数组作为输出

Question

我试图在给出 PIN 码时获取详细信息并通过执行它，我得到了这样的输出:

{
    "headers": {
        "Content-Type": "application/json"
    },
    "results": [
        {
            "formatted_address": "Karnataka 581110, India",
            "types": [
                "postal_code"
            ],
            "geometry": {
                "viewport": {
                    "southwest": {
                        "lng": 75.27469980000001,
                        "lat": 14.6612046
                    },
                    "northeast": {
                        "lng": 75.599386,
                        "lat": 14.8850042
                    }
                },
                "bounds": {
                    "southwest": {
                        "lng": 75.27469980000001,
                        "lat": 14.6612046
                    },
                    "northeast": {
                        "lng": 75.599386,
                        "lat": 14.8850042
                    }
                },
                "location": {
                    "lng": 75.41116439999999,
                    "lat": 14.7732552
                },
                "location_type": "APPROXIMATE"
            },
            "address_components": [
                {
                    "types": [
                        "postal_code"
                    ],
                    "short_name": "581110",
                    "long_name": "581110"
                },
                {
                    "types": [
                        "administrative_area_level_2",
                        "political"
                    ],
                    "short_name": "Haveri",
                    "long_name": "Haveri"
                },
                {
                    "types": [
                        "administrative_area_level_1",
                        "political"
                    ],
                    "short_name": "KA",
                    "long_name": "Karnataka"
                },
                {
                    "types": [
                        "country",
                        "political"
                    ],
                    "short_name": "IN",
                    "long_name": "India"
                }
            ],
            "place_id": "ChIJ0dut9kpvuTsRk0SobKd72tU",
            "postcode_localities": [
                "Aladakatti",
                "Aladakatti",
                "Ashwini Nagar",
                "Bannihalli",
                "Basaveshwar Nagar",
                "Benakanahalli",
                "Bharadi",
                "Bhujruk Veerapur",
                "Bujruk Kodihalli",
                "Byagawadi",
                "Chikklingadalli",
                "Devagiri",
                "Devagiri Yallapura",
                "Devihosur",
                "Ganajur",
                "Gourapur-M-Adur",
                "Gourapura",
                "Guddad Mattihalli",
                "Hanumanahalli",
                "Haveri",
                "Hedigonda",
                "Hirelingadahalli",
                "Hombardi",
                "Hosalli",
                "Hosalli-m-adur",
                "Ingalagondi",
                "Jangamanakoppa",
                "Kabbur",
                "Kadamanahalli",
                "Kaginelli",
                "Kalagonda",
                "Kallapura",
                "Kallihal",
                "Kasambi",
                "Katenahalli",
                "Kengond",
                "Kerimattihalli",
                "Khurda Veerapura",
                "Kodihalli",
                "Kulenur",
                "Kummur",
                "Kurabagonda",
                "Malapur",
                "Mallur",
                "Manjunath Nagar",
                "Mulathalli",
                "Naganur",
                "Nagendranamatti",
                "Najikalakamapur",
                "Nelogal",
                "Sankripura",
                "Shiddeshwar Nagar",
                "Shivajinagar",
                "Shivalinganagar",
                "Somasagara",
                "Timakapur",
                "Timmapur-M-Adur",
                "Timmenhalli",
                "Totadayallapur",
                "Uppanshi",
                "Venkatapura",
                "Vidya Nagar",
                "Yattinahalli",
                "kanakapur",
                "kanavalli",
                "kuragund"
            ]
        }
    ],
    "status": "OK"
}

但我只需要

{
                    "types": [
                        "administrative_area_level_2",
                        "political"
                    ],
                    "short_name": "Haveri",
                    "long_name": "Haveri"
                },


 {
                    "types": [
                        "administrative_area_level_1",
                        "political"
                    ],
                    "short_name": "KA",
                    "long_name": "Karnataka"
                }

只有这么多。那么我怎样才能只显示这两个呢？

Answer 1

观察:

• 预期的输出不是有效的 JSON。它应该是一个对象数组。
• 由于您没有提到过滤条件:因此，我假设/根据包含子字符串 administrative_area_level 的类型过滤响应。

解决方案:您可以使用 Array.filter() 迭代 API 响应和 Array.some()在String.indexOf()的帮助下获得所需输出的方法。

现场演示**:**

const apiResponse = {
    "headers": {
        "Content-Type": "application/json"
    },
    "results": [
        {
            "formatted_address": "Karnataka 581110, India",
            "types": [
                "postal_code"
            ],
            "geometry": {
                "viewport": {
                    "southwest": {
                        "lng": 75.27469980000001,
                        "lat": 14.6612046
                    },
                    "northeast": {
                        "lng": 75.599386,
                        "lat": 14.8850042
                    }
                },
                "bounds": {
                    "southwest": {
                        "lng": 75.27469980000001,
                        "lat": 14.6612046
                    },
                    "northeast": {
                        "lng": 75.599386,
                        "lat": 14.8850042
                    }
                },
                "location": {
                    "lng": 75.41116439999999,
                    "lat": 14.7732552
                },
                "location_type": "APPROXIMATE"
            },
            "address_components": [
                {
                    "types": [
                        "postal_code"
                    ],
                    "short_name": "581110",
                    "long_name": "581110"
                },
                {
                    "types": [
                        "administrative_area_level_2",
                        "political"
                    ],
                    "short_name": "Haveri",
                    "long_name": "Haveri"
                },
                {
                    "types": [
                        "administrative_area_level_1",
                        "political"
                    ],
                    "short_name": "KA",
                    "long_name": "Karnataka"
                },
                {
                    "types": [
                        "country",
                        "political"
                    ],
                    "short_name": "IN",
                    "long_name": "India"
                }
            ],
            "place_id": "ChIJ0dut9kpvuTsRk0SobKd72tU",
            "postcode_localities": [
                "Aladakatti",
                "Aladakatti",
                "Ashwini Nagar",
                "Bannihalli",
                "Basaveshwar Nagar",
                "Benakanahalli",
                "Bharadi",
                "Bhujruk Veerapur",
                "Bujruk Kodihalli",
                "Byagawadi",
                "Chikklingadalli",
                "Devagiri",
                "Devagiri Yallapura",
                "Devihosur",
                "Ganajur",
                "Gourapur-M-Adur",
                "Gourapura",
                "Guddad Mattihalli",
                "Hanumanahalli",
                "Haveri",
                "Hedigonda",
                "Hirelingadahalli",
                "Hombardi",
                "Hosalli",
                "Hosalli-m-adur",
                "Ingalagondi",
                "Jangamanakoppa",
                "Kabbur",
                "Kadamanahalli",
                "Kaginelli",
                "Kalagonda",
                "Kallapura",
                "Kallihal",
                "Kasambi",
                "Katenahalli",
                "Kengond",
                "Kerimattihalli",
                "Khurda Veerapura",
                "Kodihalli",
                "Kulenur",
                "Kummur",
                "Kurabagonda",
                "Malapur",
                "Mallur",
                "Manjunath Nagar",
                "Mulathalli",
                "Naganur",
                "Nagendranamatti",
                "Najikalakamapur",
                "Nelogal",
                "Sankripura",
                "Shiddeshwar Nagar",
                "Shivajinagar",
                "Shivalinganagar",
                "Somasagara",
                "Timakapur",
                "Timmapur-M-Adur",
                "Timmenhalli",
                "Totadayallapur",
                "Uppanshi",
                "Venkatapura",
                "Vidya Nagar",
                "Yattinahalli",
                "kanakapur",
                "kanavalli",
                "kuragund"
            ]
        }
    ],
    "status": "OK"
};

const result = apiResponse.results.map(({ address_components }) => {
    return address_components.filter(({ types }) => {
        return types.some(item => item.indexOf('administrative_area_level') !== -1)
    });
});

console.log(...result);