使用keyof typeof自定义类型时如何解决ts(2339)错误？

你的问题核心是addtoIdea函数允许传入idea这个键，但该属性是普通对象没有push方法，TypeScript因此报错。要实现只允许向数组类型的属性添加内容，可以通过以下两种方式解决：

方法一：编译期限制合法参数类型（推荐） #

先定义一个类型，自动提取Idea中值为数组的键，这样在调用函数时只能传入合法的键，从根源避免错误：

type Idea = {
    challenges: Array<string>,
    personas: Array<string>,
    experiences: Array<string>,
    idea: {
        title: string,
        outline: string,
        why: string,
        additional: string,
    }
};

// 自动提取Idea中值为数组类型的键
type IdeaArrayKeys = { 
  [K in keyof Idea]: Idea[K] extends Array<any> ? K : never 
}[keyof Idea];

let idea:Idea = {
    challenges: [],
    personas: [],
    experiences: [],
    idea: {
        title: "",
        outline: "",
        why: "",
        additional: "",
    }
};

// 将ideaItem的类型改为IdeaArrayKeys，只允许传入数组类型的属性名
function addtoIdea(ideaItem: IdeaArrayKeys, uniqueId:string){
    idea[ideaItem].push(uniqueId);        
}

addtoIdea("challenges","abcd1234"); // 正常工作
// addtoIdea("idea","abcd1234"); // 编译报错，符合预期

这种方式的优势：

• 编译期就拦截非法输入，无需运行时判断
• 类型自动推导，后续Idea新增数组属性时，IdeaArrayKeys会同步更新

方法二：运行时类型守卫 #

如果需要兼容动态传入的字符串（比如从用户输入获取），可以在函数内部添加类型守卫，判断属性类型后再执行操作：

function addtoIdea(ideaItem:string, uniqueId:string){
    const target = idea[ideaItem as keyof typeof idea];
    // 判断目标属性是否为数组
    if (Array.isArray(target)) {
        target.push(uniqueId);
    } else {
        // 处理非法输入，比如抛出错误或给出提示
        throw new Error(`属性${ideaItem}不是数组，无法执行push操作`);
    }
}

这种方式适合处理动态输入场景，但错误只能在运行时发现，安全性不如第一种方案。

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