javascript - 从 API 获取不同长度的数组

Question

我使用国家 API 的数据创建了一个网站，但它不完整，因为我只获取了每个国家的一种官方语言，显然还有更多国家/地区的官方语言。例如，他们的 API 为加拿大提供了这一点:

languages: Array(2)
0:
iso639_1: "en"
iso639_2: "eng"
name: "English"
nativeName: "English"
__proto__: Object
1:
iso639_1: "fr"
iso639_2: "fra"
name: "French"
nativeName: "français"
__proto__: Object
length: 2
__proto__: Array(0)

我使用此代码来获取语言:

<h3 class='languages'>Languages: ${country.languages[0].name}</h3>

但是如果我添加 ${country.languages[1].name} 代码显然会失败，因为并非所有国家/地区都有语言数组中的第二项。我该如何解决这个问题？

Answer 1

您可以映射各个国家/地区，如果有多个国家/地区，则可以使用逗号连接它们。

<h3 class='languages'>
  Languages: ${country.languages.map(el => el.name).join(', ')}
</h3>

几个实际例子:

const languages1 = [{ name: "English" }, { name: "French" }];
const languages2 = [{ name: "German" }];

console.log(languages1.map(el => el.name).join(", "));
console.log(languages2.map(el => el.name).join(", "));