如何在没有名称的情况下检索对象中第一个字段的值

Question

我使用REST国家API从不同的国家检索数据，重点是根据国家数据生成要插入的HTML代码。

但是，当我试图指向HTML代码中的语言数据时，它当然会给我返回一个对象。

以下是API的两个数据示例：

languages: {cat: 'Catalan'}
languages: {fra: 'French'}

我的HTML中的代码行：

<p class="country__row"><span>🗣️</span>${data.languages}</p>

我想检索这些对象(加泰罗尼亚语或法语(中第一个字段的值，当然不必在HTML代码中编写${data.languages.fra}。

谢谢你的帮助。

我试过${data.languages[0]}和${data.languages[0].value}，都不起作用。

Answer 1

您可以使用Object.keys()函数从对象中获取键列表。您还可以使用其他类似的函数，如Object.values()或Object.entries()。

就您的用例而言，请尝试下面提到的任何一种解决方案：

${data.languages[Object.keys(data.languages)[0]]} 
// The `0` index can be replaced with i if using a loop.
${Object.values(data.languages)[0]}

Answer 2

您可以编写为Object.values(data.languages)，这将为您提供对象的值。