javascript - 如何获取对象的元素？

Question

我想从 API 端点 ( https://restcountries.eu/rest/v2/all ) 到达对象的一个​​元素，更准确地说是从“货币”到达“名称”，但它总是返回未定义。

我已经尝试过 currencies.name 和 currencies["name"] 但这些都不起作用。

const countries = document.getElementById('countries');

var request = new XMLHttpRequest();

request.open('GET', 'https://restcountries.eu/rest/v2/all', true);

data.forEach(name => {
        const h1 = document.createElement('h1');
        h1.textContent = name.capital; //this one works just fine

        const h2 = document.createElement('h2');
        h2.textContent = name.currencies.name; //the problem is in here

        countries.appendChild(h1);
        countries.appendChild(h2);
 });

我想得到例如“Afghan afghani”，而不是像以前那样未定义。

Answer 1

您的问题在于 currencies 是一个数组。

您必须说 name.currencies[0].name 或者如果您有多种货币，则必须遍历数组以获取所有货币。