通过Typescript对象：接口，但继续输入

Question

我有一种方法，该方法采用了一个对象，这是我喜欢用对象的对象进行迭代的部分，然后基于我喜欢执行某些操作的密钥。接口的键是字符串，但值是字符串| number | string [] | dateTime。我希望我通过它的功能来知道从密钥中传递的内容。

我当前拥有的代码是

public partialUpdate = async (id: number, fieldsToUpdate: Partial<IClient>) => {

    type temp = Partial<Record<keyof IClient, (val : string) => void>>;
    const mapping : temp = {
        name: (val) => client.setName(val),
        website: (val) => client.setWebsite(val),
        sic_codes: (val) => client.setSicCodes(val),
        phone_number: (val) => client.setPhoneNumber(val),
    };
    Object.entries(fieldsToUpdate).forEach(([key, value]) => mapping[key](value));
    return this.clientRepository.update(id, client);
};

，接口是

export interface IClient
{
    id: number,
    creation_date: DateTime,
    name:string,
    website:string,
    phone_number:string,
    industry:string,
    sic_codes:string[],
}

我当前遇到的问题是，如果是字符串类型，那么没有问题，但是由于sic_codes是字符串[]，它将导致类型错误。有什么方法可以让const映射知道键是哪种类型的val？

Answer 1

您的原始类型

Record<keyof IClient, (val: string) => void>

使用代码>实用程序类型，以a 。让我们用映射类型明确地写出来：

{[K in keyof IClient]: (val: string) => void}

因此，这里的问题是val type 字符串不一定是iclient 在ICLIENT的每个键k中。修复程序是用string iclient [k]，索引访问类型，其意思是“ iclient的值类型在键k”：

type Test = { [K in keyof IClient]: (val: IClient[K]) => void };
/* type Test = {
  id: (val: number) => void;
  creation_date: (val: Date) => void;
  name: (val: string) => void;
  company_number: (val: string) => void;
  website: (val: string) => void;
  phone_number: (val: string) => void;
  industry: (val: string) => void;
  sic_codes: (val: string[]) => void;
} */

看起来不错。

---

如果我们将其插入您的原始类型的位置，则仍然存在错误。 object.entries（）不足以在打字稿中使用您想要的内容。请参阅此问题有关更多信息。您可以给它更强大的键入（即使这不是100％安全的）。即使这样做，您的foreach（）回调也必须为 generic 在特定的密钥类型中k您正在处理。在该回调中，您需要确保您的value和您的映射[键]不是undefined，如果您想安全：

让我进行这些更改，只是表明它按照您的意图起作用：

// Give stronger typings to Object.entries()
type Entry<T extends object> = { [K in keyof T]-?: [K, T[K]] }[keyof T];
function entries<T extends object>(obj: T) {
    return Object.entries(obj) as Entry<T>[];
}

const partialUpdate = async (id: number, fieldsToUpdate: Partial<IClient>) => {
    const client = new Client();    
    const mapping: Partial<{ [K in keyof IClient]: (val: IClient[K]) => void }> = {
        name: (val) => client.setName(val),
        company_number: (val) => client.setCompanyNumber(val),
        industry: (val) => client.setIndustry(val),
        sic_codes: (val) => client.setSicCodes(val),
    };
    const e = entries(fieldsToUpdate).forEach(<K extends keyof IClient>(
        [key, value]: [K, IClient[K] | undefined]) => value && mapping[key]?.(value));
    return null;
};

哇，没有错误！

Playground link to code