在TypeScript中，如何在函数的返回类型中将参数的值用作属性名称？

这有点复杂，因为值（函数参数）是运行时，而类型只是编译时。没有什么可以阻止您将非常量字符串传递给的idField，而完全放弃了您在此处要求的类型检查。

但是，如果您确实向函数传递了常量字符串，则可以获得所需的类型安全性。

让我们从一个基本示例开始（在javascript中-省略的类型）-

function foo(prop) {
    return {
        [prop]: 42
    };
}

只是一个函数，它带有属性名称，并使用它来返回具有该属性的对象。本质上，这就是您在示例中显示的内容吧？您将如何输入？

function foo<T extends string>(prop: T): Record<T, number> {
    return {
        [prop]: 42
    } as Record<T, number>;
}

在操场上尝试

这是如何运作的？我们首先确保prop是一个扩展字符串的类型（也可以是通用的T extends string | number | symbol），因为这是您需要prop用作属性的类型。

然后，我们使用此类型创建返回类型Record<T, number>。这与-

{
    [k in T]: number
}

您可以使用/或。

但是，该断言是必需的。由于打字稿无法始终将参数强制为编译时间常数。

这将使用在编译时已知的字符串正确键入check-

let s = foo('userName');
 // ^ Record<'userName', number>

s.userName; // all good
s.otherProp; // Property 'otherProp' does not exist on type 'Record<"userName", number>'

好的，现在让我们将其用于您的功能-

export const objectToArray = <T, K extends string>(
    object: { [id: string]: T },
    idField: K
): (T & Record<K, string>)[] => {
    return Object.keys(object).map(key => ({ [idField]: key, ...object[key] })) as (T & Record<K, string>)[];
};

请注意，我再次假设K（的类型idField）将是一个字符串-您可以使用，也可以根据使用情况将K extends string | number | symbol其任意组合。我还假设带有的属性的值K是string，因此Record<K, string>

在操场上尝试