javascript - react 映射并从对象加入

Question

我尝试从下面的对象进行映射和连接。

production_countries: 

0: 
iso_3166_1: "GB"
name: "United Kingdom"

1: 
iso_3166_1: "US"
name: "United States of America"

我尝试了 production_countries?.map((name) => (name.join(','))) 但它没有呈现。

我希望结果是 United Kingdom, United States of America

Answer 1

我没有尝试过，但我认为这会奏效。

production_countries?.map((item) => item.name).join(', ');

因为 map 将返回仅包含名称的数组，然后我们连接该数组的所有元素。

编辑 - trim 最后一个空格字符

使用上面的代码，您最终可能会在字符串末尾有一个空格。您可以调用 trim() 字符串方法来摆脱它。

production_countries?.map((item) => item.name).join(', ').trim();