Question

我正在一个项目中，我从API中提取数据并将其输入到DOM中。一个API响应返回一个对象数组，我需要从每个对象中获取'name'值并将其输入到DOM中，这是一个响应示例：

repeat

这是我的职能

"languages": [{
    "iso639_1": "es",
    "iso639_2": "spa",
    "name": "Spanish",
    "nativeName": "Español"
}]

如果运行此代码，它将返回该数组；如果运行i.languages.name，则由于我首先需要访问该数组而无法定义。无论如何，有没有简单地返回所有对象名称值的方法？我试图找到一种使用i.languages []。name的方法，但这只会返回一个对象，并且我还在函数内部尝试了另一个forEach，但无法使其正常工作。

Answer 1

如果要访问对象languages数组中的所有名称，则需要使用Array.prototype.map：

i.languages.map(language => language.name);

这将返回从对象数组中提取的语言名称数组。但是，如果您想以人类可读的格式打印出来，也许您也可以这样做：

<h3>Languages: ${i.languages.map(language => language.name).join(', ')}</h3>

如何访问数组内的所有对象

1 个答案: