如何解决TypeScript报错：类型'any'的表达式无法用于索引类型

核心问题分析 #

你遇到的报错本质是：用any类型的变量去索引键类型明确的对象时，TypeScript无法确认索引的合法性，即便给变量加了any也无法消除类型不匹配的警告。解决的核心是让索引键的类型与对象的键类型严格匹配，而非用any模糊处理。

具体解决方案 #

1. 定义明确的类型约束

先给相关变量和数据结构定义类型，彻底抛弃不必要的any：

// 定义合法的书籍分类类型（与对象键一一对应）
type BookCategory = "Fantasy" | "Horror";

// 定义单本书的结构类型
interface Book {
  identifier: string;
  type: BookCategory;
}

// 定义props的类型
interface BookProps {
  book?: Book;
}

// 给books数组和props指定类型
const books: Book[] = [/* 你的书籍数据 */];
const props: BookProps = {/* 你的props数据 */};

2. 安全获取bookType

现在bookType会被TypeScript自动推断为BookCategory | undefined，而非any：

const bookType = books.find(book => book.identifier === props.book?.identifier)?.type;

3. 处理索引与空值合并

针对bookType可能为undefined的情况，提供两种安全写法：

方案一：类型守卫+条件判断（最安全）

const bookCategoryMap = {
  "Fantasy": ["HarryPotter", "LordOfTheRings"],
  "Horror": ["Scream", "Men"],
};

const bookTypes = (bookType && bookType in bookCategoryMap)
  ? bookCategoryMap[bookType]
  : ["Narnia", "Samaritan"];

方案二：类型断言+空值合并（简洁）

如果能确保bookType存在时一定是合法的分类值，可以用类型断言快速解决：

const bookCategoryMap: Record<BookCategory, string[]> = {
  "Fantasy": ["HarryPotter", "LordOfTheRings"],
  "Horror": ["Scream", "Men"],
};

const bookTypes = bookCategoryMap[bookType as BookCategory] ?? ["Narnia", "Samaritan"];

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