如何解决TypeScript中使用sortKey索引Item类型的隐式any报错？

嘿，这个问题我之前在做TS项目时也踩过坑！TypeScript报这个错主要有两个原因：一是它没法确定你传入的sortkey是不是Item接口里的有效属性，二是你直接用了localeCompare，但Item里的id是数字类型，根本不支持这个方法。下面给你几个靠谱的解决方案，按需选就行：

方案1：严格限制排序键为字符串类型的属性 #

如果你只需要对name这类字符串属性排序，可以先定义一个类型，只保留Item中值为字符串的键，这样既能避免索引的any问题，又能保证localeCompare调用合法：

export type ListItems = Array<Item>;
export interface Item { id: number; name: string; }

// 只提取Item中值为string的属性名
type StringKeysOfItem = {
  [K in keyof Item]: Item[K] extends string ? K : never;
}[keyof Item]; // 最终类型为 "name"

export function sortList(list: ListItems, sortkey: StringKeysOfItem): ListItems {
  return list.sort((a, b) => a[sortkey].localeCompare(b[sortkey]));
}

这样调用sortList时，sortkey只能传"name"，TS会自动校验参数合法性，不会再报错。

方案2：支持多类型属性的排序 #

如果你需要同时支持id（数字）和name（字符串）的排序，那就用keyof Item把sortkey限制为Item的有效属性，再通过类型守卫区分不同类型的排序逻辑：

export type ListItems = Array<Item>;
export interface Item { id: number; name: string; }

export function sortList(list: ListItems, sortkey: keyof Item): ListItems {
  return list.sort((a, b) => {
    const valA = a[sortkey];
    const valB = b[sortkey];

    // 字符串类型用localeCompare
    if (typeof valA === 'string' && typeof valB === 'string') {
      return valA.localeCompare(valB);
    }
    // 数字类型直接做差值比较
    else if (typeof valA === 'number' && typeof valB === 'number') {
      return valA - valB;
    }
    // 其他类型默认返回0（或根据需求抛出错误）
    return 0;
  });
}

这个方案既解决了索引的类型问题，又兼容了不同属性类型的排序需求，灵活性更高。

方案3：通用泛型排序函数（适用于任意对象数组） #

如果你的项目里有多种对象数组需要排序，可以写一个泛型版本，支持任意对象的合法属性排序：

export interface Item { id: number; name: string; }
export type ListItems = Array<Item>;

export function sortList<T extends Record<string, unknown>>(
  list: T[],
  sortkey: keyof T
): T[] {
  return list.sort((a, b) => {
    const valA = a[sortkey];
    const valB = b[sortkey];

    if (typeof valA === 'string' && typeof valB === 'string') {
      return valA.localeCompare(valB);
    } else if (typeof valA === 'number' && typeof valB === 'number') {
      return valA - valB;
    }
    return 0;
  });
}

这个函数可以复用在任何对象数组上，只要传入的sortkey是该对象的有效属性即可。

内容的提问来源于stack exchange，提问作者Mr. Robot