TypeScript数组传参类型不匹配编译错误求助

嘿，这个报错的原因其实一目了然——你手里的driverTally是对象数组，但你的doStuff函数参数要求的是元组数组，两者的类型结构完全不兼容，TypeScript当然会拦着你啦！

先拆解下两者的核心区别：

• 你定义的driverTally里每个元素是带明确属性名的对象：{ driver: string; numEscorts: number }
• 而函数参数Array<[string, number]>（等价于[string, number][]）要求每个元素是有序的元组，比如['driver1', 0]这种纯数组形式

接下来给你两种针对性的解决方案，你可以根据实际业务需求选择：

方案1：修改函数参数类型，适配对象数组（推荐） #

如果你的业务逻辑本来就是要处理包含driver和numEscorts属性的对象，那直接把函数参数改成对象数组类型就好，还能让代码的可读性更强：

方式一：定义接口（更规范，适合复用） #

// 先定义一个接口描述单个驾驶员统计项的结构
interface DriverTallyItem {
  driver: string;
  numEscorts: number;
}

// 函数参数直接用接口数组
function doStuff(driverTally: DriverTallyItem[]) {
  // 在这里写你的函数逻辑，比如遍历数组处理每个对象
  driverTally.forEach(item => {
    console.log(`${item.driver} 有 ${item.numEscorts} 次陪同记录`);
  });
}

// 现在调用就完全没问题了
var driverTally = [ 
  { driver: 'driver1', numEscorts: 0}, 
  { driver: 'driver2', numEscorts: 0}, 
  { driver: 'driver3', numEscorts: 0} 
];
doStuff(driverTally);

方式二：直接使用对象字面量类型（快速简单） #

如果这个类型只在这个函数里使用，也可以不用单独定义接口，直接把对象结构写在参数里：

function doStuff(driverTally: Array<{ driver: string; numEscorts: number }>) {
  // 函数逻辑
}

方案2：把对象数组转换成元组数组（如果函数必须依赖元组结构） #

要是你的doStuff函数逻辑必须用元组来实现，那可以把现有的对象数组转换成元组数组再传入：

var driverTally = [ 
  { driver: 'driver1', numEscorts: 0}, 
  { driver: 'driver2', numEscorts: 0}, 
  { driver: 'driver3', numEscorts: 0} 
];

// 用map把每个对象转成元组，同时用as断言告诉TS这是严格的[string, number]元组
const driverTallyTuples = driverTally.map(item => [item.driver, item.numEscorts] as [string, number]);

// 现在传入就符合函数参数要求了
function doStuff(driverTally: Array<[string, number]>) {
  driverTally.forEach(([driver, num]) => {
    console.log(`${driver} 有 ${num} 次陪同记录`);
  });
}

doStuff(driverTallyTuples);

一般来说，用对象数组会更直观，毕竟属性名能明确表达数据含义；元组更多适合固定顺序的简单数据组合场景，选哪种就看你的实际需求啦。

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