如何重命名界面键？

Question

任务是重命名接口键。嵌套级别可能会有所不同。例如：

interface Foo {
  _id: string
  nested: {
    _id: string
    nested: {
      _id: number
    }
  }
}

// how to create another type that looks like type below?

type Bar = {
  id: string
  nested: {
    id: string,
    nested: {
      id: number
    }
  }
}

因此，在本例中，我想将所有 _id 键重命名为 id，但类型应保持不变。

Answer 1

您可以尝试以下类型：

// T := your object type, K := key to change, R := new key name

type PickRename<T, K extends string, R extends string> =
  T extends object ? K extends keyof T ?
  ({ [P in R]: PickRename<T[K], K, R> } &
    { [P in Exclude<keyof T, K>]: PickRename<T[P], K, R> }) extends infer I ?
  { [PP in keyof I]: I[PP] } : never
  : T
  : T

用你的例子解释

1. 如果T 是object 并且包含键K ("_id")，则处理该对象，否则我们只返回T。

2. 删除旧属性K (_"id") 并添加重命名的属性R ("id")；进一步递归处理每个属性。

3. extends infer I ? { [PP in keyof I]: I[PP] } : never 部分仅用于 DX/UX/格式化目的，以使相交类型更具可读性。

/*
type T1 = {
    id: string;
    nested: {
        id: string;
        nested: {
            id: number;
        };
    };
}
*/
type T1 = PickRename<Foo, "_id", "id">

要将其扩展到多个属性，您可以查看可能的 PickRename implementations here。

Playground