TypeScript的reduce方法能否修改累加器类型将字符串转number数组？

问题根源 #

你遇到的报错来自两个reduce的基础用法错误，和类型标注的写法无关：

• reduce没有传入初始值作为第二个参数，TypeScript会默认将拆分后的第一个字符串元素作为累加器初始值，和你期望的number[]类型完全不匹配
• reduce的回调函数要求每次执行后都返回累加器本身，你写的acc[index] = Number(cur)是赋值表达式，返回值是你赋值的数字（number类型），和累加器的number[]类型冲突

正确写法 #

// 写法1：按索引赋值
const numArray: number[] = matString.split(/[\n ]/).reduce((acc: number[], cur, index) => {
  acc[index] = Number(cur);
  return acc;
}, []);

// 写法2：更简洁的push写法，不需要处理索引
const numArray: number[] = matString.split(/[\n ]/).reduce((acc: number[], cur) => {
  acc.push(Number(cur));
  return acc;
}, []);

补充优化 #

如果你的输入字符串存在连续空格、首尾空格或者连续换行的情况，split会生成空字符串，转成数字会变成0，可以先做一次过滤：

const numArray: number[] = matString
  .split(/[\n ]/)
  .filter(Boolean) // 过滤空字符串
  .reduce((acc: number[], cur) => {
    acc.push(Number(cur));
    return acc;
  }, []);

内容的提问来源于stack exchange，提问作者Tarcísio Surdi