TypeScript创建Map时报No overload matches this call错误如何解决

错误原因 #

报错的核心是类型推导不匹配：
你调用headers.map返回的[header, Number(headers.indexOf(header))]默认被TypeScript推导为(string | number)[]类型的普通数组，因此整个headersWithIndex的类型是(string | number)[][]。
而Map的构造函数要求传入的可迭代对象元素必须是固定长度、固定位置类型的元组，也就是你场景下需要的readonly [string, number]，普通联合类型数组不符合元组的类型约束，因此抛出TS2769错误。

解决方法 #

你可以任选以下任意一种方案解决类型不匹配问题：

• 方案1：添加as const断言
  给map返回的数组添加as const断言，告诉TypeScript将这个数组视为固定长度、固定类型的只读元组，完美匹配Map构造函数的入参要求：

  function createMapOfHeadersToIndex(headers: string[]): Map<string, number> {
    const headersWithIndex =
        headers.map(header => [header, Number(headers.indexOf(header))] as const);
    return new Map(headersWithIndex);
  }
  

• 方案2：显式标注变量类型
  直接给headersWithIndex标注为[string, number][]类型，明确告知TypeScript该数组的每个元素都是长度为2、第一位是字符串、第二位是数字的元组：

  function createMapOfHeadersToIndex(headers: string[]): Map<string, number> {
    const headersWithIndex: [string, number][] =
        headers.map(header => [header, Number(headers.indexOf(header))]);
    return new Map(headersWithIndex);
  }
  

• 方案3：传入Map时做类型断言
  如果不想修改上游变量定义，可以在给Map传参时直接做类型断言：

  function createMapOfHeadersToIndex(headers: string[]): Map<string, number> {
    const headersWithIndex =
        headers.map(header => [header, Number(headers.indexOf(header))]);
    return new Map(headersWithIndex as [string, number][]);
  }
  

代码优化建议 #

你当前的实现里用headers.indexOf(header)获取索引会触发多余的数组遍历，直接使用Array.prototype.map的第二个回调参数index即可拿到当前元素的索引，性能更高，优化后的代码如下：

function createMapOfHeadersToIndex(headers: string[]): Map<string, number> {
  const headersWithIndex = headers.map((header, index) => [header, index] as const);
  return new Map(headersWithIndex);
}

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