TypeScript中如何基于顺序定义对象生成指定顺序的值数组？

首先，咱们来拆解你遇到的类型错误根源：在strict模式下，TypeScript对for...in循环的变量类型推断会更严格。当你遍历headers（类型为H）时，循环变量k会被默认推断为string类型，而非keyof H。但你的H和O类型都没有定义字符串索引签名，用string类型的键去访问headers[k]和order[k]时，编译器会判定这是不安全操作，从而抛出类型错误。

下面提供几种可行的修复方案：

方案1：显式断言循环变量为keyof H #

修改循环代码，把k断言为H的合法键类型，让TypeScript明确知道这是安全的访问：

mapToArray = (headers: H, order: O): string[] => {
  let result: string[] = [];
  for (let k in headers) {
    // 将k断言为keyof H，确保访问headers和order的类型安全
    const key = k as keyof H;
    result[order[key]] = headers[key];
  }
  return result;
};

方案2：使用Object.keys+类型断言，循环合法键 #

这种方式更直观，先获取headers的所有键并断言为keyof H数组，再循环这些明确的合法键：

mapToArray = (headers: H, order: O): string[] => {
  let result: string[] = [];
  // 将Object.keys返回的string[]断言为(keyof H)[]
  const keys = Object.keys(headers) as (keyof H)[];
  for (const key of keys) {
    result[order[key]] = headers[key];
  }
  return result;
};

方案3：函数式风格（排序后取值） #

如果你偏好函数式写法，可以通过排序键的方式直接生成目标数组，避免手动操作数组索引，代码更简洁：

mapToArray = (headers: H, order: O): string[] => {
  return Object.keys(headers)
    // 先将键转为keyof H类型
    .map(key => key as keyof H)
    // 根据order中的值排序键
    .sort((a, b) => order[a] - order[b])
    // 按排序后的键取出对应的值
    .map(key => headers[key]);
};

这三种方案都能解决你的类型错误问题，其中方案3的写法更符合现代JavaScript/TypeScript的风格，也更易维护。

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