typescript - TypeScript 中具有排列的动态类型

Question

我想创建不包括重复项的动态类型。这是我现在拥有的:

type Currency = 'CAD' | 'USD' | 'EUR';
type CurrencyQuote = `${Currency}x${Currency}`; // returns:  "CADxUSD" | "USDxCAD" | "CADxCAD" | "CADxEUR" | "USDxUSD" | "USDxEUR" | "EURxCAD" | "EURxUSD" | "EURxEUR"

我如何排除重复的那些，例如 USD|USD、CAD|CAD 和 EUR|EUR？

谢谢

Answer 1

我们可以使用 mapped type它映射了 Currency 中的元素并构造由当前元素 K 组成的模板字符串文字和 Exclude<Currency, K> .

由于映射类型返回一个以货币作为属性的对象，我们需要用 Currency 索引这个类型获取所有键类型的并集。

type CurrencyQuote = {
    [K in Currency]: `${K}x${Exclude<Currency, K>}`
}[Currency]

// type CurrencyQuote = 
//   | "CADxUSD" 
//   | "CADxEUR"
//   | "USDxCAD" 
//   | "USDxEUR" 
//   | "EURxCAD" 
//   | "EURxUSD"

您可能需要一个可重用的实用程序类型来执行此操作。

type ConcatWithoutDupes<T extends string> = {
    [K in T]: `${K}x${Exclude<T, K>}`
}[T]

type CurrencyQuote = ConcatWithoutDupes<Currency>

Playground