JavaScript中如何拆分并扁平化逗号分隔字符串构成的数组

问题原因 #

你提供的reduce实现未生效的核心原因是没有传入初始累积值：

Array.reduce 方法如果不传第二个参数作为初始累积值，会自动把数组的第一个元素作为第一次迭代的累积值。你的数组第一个元素是字符串类型，解构操作[...arr]会把字符串拆成单个字符，最终结果不符合预期。

可行实现方案 #

1. 修复后的reduce写法 #

给reduce传入空数组[]作为初始值即可：

const a = ["jan,feb,may", "apr,may,sept,oct", "nov,jan,mar", "dec", "oct,feb,jan"]
const flat = a.reduce((res, item) => [...res, ...item.split(',')], [])

2. 更简洁的flatMap方案（更推荐，语义更清晰） #

ES2019 新增的Array.flatMap方法专门适配「先对每个元素做映射再扁平化一层」的场景，代码更短、可读性更高：

const a = ["jan,feb,may", "apr,may,sept,oct", "nov,jan,mar", "dec", "oct,feb,jan"]
const res = a.flatMap(item => item.split(','))

该方法的执行逻辑就是对每个元素执行split拆分得到子数组，然后自动把所有子数组扁平化一层，刚好匹配你的需求。

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