如何在TypeScript中通过键数组获取嵌套对象的值并解决类型错误？

问题原因 #

你遇到的错误是因为object类型在TypeScript中没有默认的字符串索引签名，当用string类型的键去访问对象属性时，TypeScript无法确认该键是否存在，因此抛出"Element implicitly has an 'any' type"的提示。

解决方案 #

方案1：简单直接的索引签名类型

将参数obj的类型从object改为Record<string, any>，让TypeScript允许用字符串索引访问对象属性：

const messages = { 
    "button": { 
        "alt": {
            "editButton": "editButton",
            "deleteButton": "deletebutton"
        }
}}

const getNested = (obj: Record<string, any>, keys: string[]) => 
  keys.reduce((p, c) => p?.hasOwnProperty(c) ? p[c] : null, obj);

// 调用示例
getNested(messages, ['button', 'alt', 'deleteButton']); // 返回"deletebutton"

方案2：类型安全的实现（避免any）

如果不想使用any，可以通过类型守卫和unknown类型实现更严格的类型检查：

const messages = { 
    "button": { 
        "alt": {
            "editButton": "editButton",
            "deleteButton": "deletebutton"
        }
}}

// 类型守卫：判断值是否为可索引对象
const isIndexableObject = (val: unknown): val is Record<string, unknown> => 
  typeof val === 'object' && val !== null;

const getNested = (obj: unknown, keys: string[]): unknown => 
  keys.reduce((current, key) => {
    if (isIndexableObject(current) && key in current) {
      return current[key];
    }
    return null;
  }, obj);

// 使用时可根据实际情况做类型断言
const deleteBtnText = getNested(messages, ['button', 'alt', 'deleteButton']) as string;

说明 #

• 方案1适合快速解决问题，代码简洁，但牺牲了部分类型安全性；
• 方案2更符合TypeScript的类型安全理念，但使用返回值时需要额外的类型处理。

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