React中如何对对象数组执行Map与Join操作拼接国家名称？

你的问题出在对map回调的理解上：数组里的每一项是对象，不是数组，所以不能直接调用join，而且回调参数命名为name也容易误导（它实际是整个国家对象）。

正确的写法分两步：

1. 用map提取每个对象的name字段，得到纯字符串数组
2. 对字符串数组调用join完成拼接

代码示例：

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

拆解说明 #

• production_countries?.map(country => country.name)：遍历数组，取出每个对象的name属性，得到数组 ["United Kingdom", "United States of America"]
• .join(', ')：将字符串数组用, 连接，最终输出 United Kingdom, United States of America

内容的提问来源于stack exchange，提问作者Akhil