如何在 Typescript 中深度扁平化界面？

Question

例如：

interface a {
  name: string 
  nested: {
    lastName: string 
    nested: {
      age: number
    }
  }
}

我希望它变成：

interface b {
  name: string 
  lastName: string 
  age: number
}

接口值将是动态的，所以我可能需要某种递归解决方案

我只得到了有限的解决方案

Answer 1

这是一个使用映射类型和条件类型的解决方案： FlattenPairs构造一个像['name', string] | ['lastName', string] | ['age', number]这样的对的并集。 ['name', string] | ['lastName', string] | ['age', number] ['name', string] | ['lastName', string] | ['age', number] ，然后Flatten将其转换为对象类型。 我假设嵌套属性不一定都是命名nested （并且不一定具有可预测的属性名称），因此需要类型Primitive作为递归的基本情况。

type Primitive = string | number | boolean
type FlattenPairs<T> = {[K in keyof T]: T[K] extends Primitive ? [K, T[K]] : FlattenPairs<T[K]>}[keyof T] & [PropertyKey, Primitive]
type Flatten<T> = {[P in FlattenPairs<T> as P[0]]: P[1]}

例子：

interface TestInterface {
  name: string 
  nested: {
    lastName: string 
    nested: {
      age: number
    }
  }
}

// {age: number, lastName: string, name: string}
type Test = Flatten<TestInterface>

游乐场链接

如果已知嵌套属性名称，则可以以稍微简单的方式编写辅助类型FlattenPairs ：

type FlattenPairs<T> = {[K in keyof T]: K extends 'nested' ? FlattenPairs<T[K]> : [K, T[K]]}[keyof T]

游乐场链接