reactjs - 在 Typescript 中将 null 的所有实例转换为 undefined 的通用方法

Question

我想编写一个函数，将任何为空的对象的属性的所有实例转换为未定义。我的许多对象都有嵌套对象作为属性或值/对象数组。

在处理该问题时，我的第一个想法是使用泛型 try catch 具有泛型类型的每个属性的类型，然后根据需要将该属性的值从 null 转换为 undefined。

我希望编写一个足够通用的函数来处理我的代码代码库中的任何不同类型和大小的对象。

我还没有找到一种简单的方法来拥有未知数量的泛型类型，所以我的下一个想法是我必须在任何地方都使用 any 类型。有解决办法吗？

我也喜欢关于方法/算法本身的一些建议。我的想法是，我可能需要递归地检查每个属性以查看它本身是否是具有子属性的对象，并且我还需要迭代发现的任何可能具有空值或具有对象的数组这也需要递归检查。

我需要解决/回答的问题/疑问:

1. 我应该使用 Generics 还是 Any？
2. 如果我使用泛型，有没有办法在发现新类型时动态分配新的泛型类型？
3. typescript 是否有更简单的递归解析对象的方法？

我目前的做法是这样的:

inputObjectKeys.map(key, index) =>

然后有一个函数将 null 转换为 undefined，忽略非对象类型，如果它是一个对象则递归。

我假设我想使用广度优先搜索或深度优先搜索(对于此特定任务，我倾向于使用广度优先搜索)。我假设因为我需要访问每个节点，我可能会因为内存使用而使用 DFS 更好。

Answer 1

accepted answer实际上并没有回答这个问题，因为它被要求以一种通用的方式。

下面是一个类似的，也会正确转换返回类型:

type RecursivelyReplaceNullWithUndefined<T> = T extends null
  ? undefined
  : T extends Date
  ? T
  : {
      [K in keyof T]: T[K] extends (infer U)[]
        ? RecursivelyReplaceNullWithUndefined<U>[]
        : RecursivelyReplaceNullWithUndefined<T[K]>;
    };

export function nullsToUndefined<T>(obj: T): RecursivelyReplaceNullWithUndefined<T> {
  if (obj === null) {
    return undefined as any;
  }

  // object check based on: https://stackoverflow.com/a/51458052/6489012
  if (obj.constructor.name === "Object") {
    for (let key in obj) {
      obj[key] = nullsToUndefined(obj[key]) as any;
    }
  }
  return obj as any;
}

感谢这位天才的打字:https://github.com/apollographql/apollo-client/issues/2412#issuecomment-755449680