如何修复TypeScript警告：类型'string'无法赋值给指定类型

核心错误分析 #

你定义的Dictionary<T>类型逻辑完全搞反了：

• 当前Dictionary<T>的定义是{ [key: string]: T }[]，它表示一个数组，数组中的每个元素是“键为string、值为T的对象”。
• 当你传入Dictionary<{ name: string, age: number }>时，TypeScript会认为数组里的每个元素应该是这样的对象：每个属性的值都必须是{ name: string, age: number }类型，但你的数组元素是{ name: string, age: number }本身（属性值是string/number），类型完全不匹配，所以触发警告。

修复方案 #

方案1：修正Dictionary类型定义 #

如果你想保留Dictionary类型，需要把它改成表示单个对象，而非数组，然后让pluck的参数是该对象的数组：

// 修正后的Dictionary：表示单个键值对对象
type Dictionary<T> = {
  [key: string]: T;
};

// pluck的参数改为Dictionary<T>数组
function pluck<T>(arr: Dictionary<T>[], key: string): T[] {
  return arr.map((item) => item[key]);
}

// 此时arr的类型是Dictionary<string | number>[]，因为属性值有string和number两种类型
const arr: Dictionary<string | number>[] = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 35 },
];

const names: string[] = pluck(arr, "name");
const ages: number[] = pluck(arr, "age");

console.log(ages); // Output: [25, 30, 35]

方案2：使用更安全的泛型约束（推荐） #

直接去掉冗余的Dictionary类型，让pluck函数通过泛型约束自动推导对象的键和对应值类型，这样不仅解决警告，还能让pluck只能传入对象实际存在的键，避免错误调用：

// T表示数组元素的对象类型，K表示该对象的键类型
function pluck<T, K extends keyof T>(arr: T[], key: K): T[K][] {
  return arr.map(item => item[key]);
}

// 无需手动指定类型，TypeScript会自动推导arr的类型
const arr = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 35 },
];

// 自动推导返回值类型，也可以手动指定
const names = pluck(arr, "name"); // 类型为string[]
const ages = pluck(arr, "age"); // 类型为number[]

console.log(ages); // Output: [25, 30, 35]

这个方案的优势在于类型更严谨：如果你传入一个不存在的键（比如pluck(arr, "gender")），TypeScript会直接报错，提前拦截错误。

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