Angular导出CSV：如何将多值字段转为仅逗号分隔格式

导出的CSV中第二字段（Mentors）的值被括号和引号包裹，格式不符合需求。当前导出代码如下：

export() {
    let teams = this.dataSource.filteredData.map(
        ({team_name,mentor,candidates
         }) =>
            ({"TeamName":team_name,
              "Mentors":mentor.map(m=>{'FirstName' : m.firstName,'LastName':m.lastName}),
              "Candidates":candidates.map(({firstName,lastName})=>(firstName && lastName)).join('-')}))
    this.dataService.exportCSV(teams,"Teams")
  }

如何实现多值字段仅用逗号分隔的导出效果？

问题出在Mentors字段的处理上——你现在返回的是对象数组，CSV导出工具会把这个数组序列化成带括号和引号的格式。要改成纯逗号分隔的文本，需要把每个导师的信息拼接成字符串，再用逗号分隔所有导师。

修改Mentors字段的处理逻辑：

1. 对每个导师，拼接firstName和lastName成完整姓名
2. 用逗号（或逗号+空格）把所有导师姓名连接成一个字符串

修改后的完整代码：

export() {
    let teams = this.dataSource.filteredData.map(
        ({team_name, mentor, candidates}) => ({
            "TeamName": team_name,
            // 将导师数组转为逗号分隔的姓名字符串
            "Mentors": mentor.map(m => `${m.firstName} ${m.lastName}`).join(', '),
            // 修复候选人字段的拼接逻辑，确保返回完整姓名
            "Candidates": candidates.map(({firstName, lastName}) => `${firstName} ${lastName}`).join('-')
        })
    )
    this.dataService.exportCSV(teams,"Teams")
}

另外注意你原来的Candidates处理逻辑有问题：(firstName && lastName)只会返回lastName（当firstName存在时），改成${firstName} ${lastName}才能导出完整的候选人姓名。

这样处理后，导出的CSV中Mentors字段就会是类似张三, 李四, 王五的格式，不会有多余的括号和引号了。

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