TypeScript中reduce方法报错：元素隐式具有'any'类型求助

问题背景 #

代码中使用Object.keys()配合reduce处理学生对象时，在c[v] = 111处出现类型报错：

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{}'. No index signature with a parameter of type 'string' was found on type '{}'

期望输出：{1: 111, 2: 111}

错误根源 #

1. Object.keys()的类型特性：TypeScript中Object.keys()返回值固定为string[]，因为JavaScript对象的键本质都是字符串（即使定义时用数字）。
2. 累加器类型未声明：reduce的初始值{}被推断为无索引签名的空对象，TypeScript不允许用字符串类型的键对其赋值。

解决方案 #

方案1：指定数字索引类型累加器 + 转换键类型 #

完全匹配期望的数字键结构：

let students: {
  [k: number]: string[]
} = {};

students[1] = ["Student 1", "Student 2"];
students[2] = ["Student 3", "Student 4"];

const result = Object.keys(students).reduce((acc, keyStr) => {
  const key = Number(keyStr);
  acc[key] = 111;
  return acc;
}, {} as { [k: number]: number });

console.log(result); // {1: 111, 2: 111}

方案2：指定字符串索引类型累加器 #

利用JS对象键的隐式转换特性，直接使用字符串键：

let students: {
  [k: number]: string[]
} = {};

students[1] = ["Student运专升级版 establishes任何千岛湖本Rem喜one 处出现类型报错：
> Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{}'.   No index signature with a parameter of type 'string' was found on type '{}'

期望输出：`{1: 111, 2: 111}`

## 错误根源
1. **`Object.keys()`的类型特性**：TypeScript中`Object.keys()`返回值固定为`string[]`，因为JavaScript对象的键本质都是字符串（即使定义时用数字）。
2. **累加器类型未声明**：`reduce`的初始值`{}`被推断为无索引签名的空对象，TypeScript不允许用字符串类型的键对其赋值。

## 解决方案

### 方案1：指定数字索引类型累加器 + 转换键类型
完全匹配期望的数字键结构：
```typescript
let students: {
  [k: number]: string[]
} = {};

students[1] = ["Student 1", "Student 2"];
students[2] = ["Student 3", "Student 4"];

const result = Object.keys(students).reduce((acc, keyStr) => {
  const key = Number(keyStr);
  acc[key] = 111;
  return acc;
}, {} as { [k: number]: number });

console.log(result); // {1: 111, 2: 111}

方案2：指定字符串索引类型累加器 #

利用JS对象键的隐式转换特性，直接使用字符串键：

let students: {
  [k: number]: string[]
} = {};

students[1] = ["Student 1", "Student 2"];
students[2] = ["Student 3", "Student 4"];

const result = Object.keys(students).reduce((acc, keyStr) => {
  acc[keyStr] = 111;
  return acc;
}, {} as { [k: string]: number });

console.log(result); // {1: 111, 2: 111}

方案3：用类型别名优化复用性 #

如果需要多次使用目标类型，可以定义类型别名：

type ScoreMap = { [k: number]: number };

let students: {
  [k: number]: string[]
} = {};

students[1] = ["Student 1", "Student 2"];
students[2] = ["Student 3", "Student 4"];

const result = Object.keys(students).reduce((acc, keyStr) => {
  acc[Number(keyStr)] = 111;
  return acc;
}, {} as ScoreMap);

选择建议 #

• 方案1适合需要严格数字键类型的场景，类型更严谨；
• 方案2更简洁，适合只关注运行结果、对键类型要求不高的场景。

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