如何遍历数组中的特定键值对

Question

我正在使用一个由 250 多个数组（与不同国家/地区相关的数据，如人口、语言、货币等）组成的 JSON 对象。我需要从每个数组中提取一个特定的键值对（国家/地区代码）并存储在不同的变量中，以便我以后可以将其用于其他用途。

我尝试过使用 forEach 方法，但我没有很多经验，所以我没有成功。在谷歌搜索了类似的问题后，我发现人们通常会问如何迭代所有键/​​值对，而不是像本例中那样的特定键/值对。

$.getJSON("https://restcountries.eu/rest/v2/all", function(callback) { 
    var isoCode = callback[5].alpha2Code;
    console.log(isoCode);
});

上面的代码提取了特定数组（本例中为 [5]）的 alpha2code（国家代码）。这是目标，但我需要以某种方式自动化该过程，以便它遍历所有 250 个数组，提取所有国家代码并将它们存储在单独的变量中。

Answer 1

示例 #1

试试这样的：

$.getJSON("https://restcountries.eu/rest/v2/all", function (data) {
    const codes = data.map(item => item.alpha2Code);
    console.log(codes); // ['AF', 'AX', '...']
});

以上代码均使用 jQuery — 成熟的 JS 库。

---

示例 #2

同样的场景，但以现代方式，使用基于 Promise 的 Fetch API，如下所示：

fetch("https://restcountries.eu/rest/v2/all")
    .then((response) => {
        // Parse string to JS object
        return response.json();
    })
    .then((data) => {
        const codes = data.map(item => item.alpha2Code);
        console.log(codes); // ['AF', 'AX', '...']
    });

---

例子#3

干净的代码版本将如下所示：

const config = {
    countriesUrl: "https://restcountries.eu/rest/v2/all"
};

async function makeRequest(url) {
    const response = await fetch(url);
    return response.json();
}

function fetchCounties() {
    return makeRequest(config.countriesUrl);
}

async function main() {
    try {
        const countries = await fetchCounties()
        const codes = countries.map(item => item.alpha2Code);
        console.log(codes); // ['AF', 'AX', '...']
    } catch (err) {
        console.error(err);
    }
}

main();