TypeScript工具函数类型定义问题：对象null值转空字符串

要解决将对象中null值替换为空字符串并保留类型关联的问题，我们需要调整类型定义逻辑，确保TypeScript能正确推断转换后的类型。以下是具体实现步骤：

1. 定义类型转换辅助工具 #

首先创建一个类型工具，用于将类型中的null替换为空字符串''：

type ReplaceNullWithEmptyString<V> = V extends null 
  ? '' 
  : Exclude<V, null> | '';

这个工具会：

• 如果输入类型是null，直接返回''
• 否则移除类型中的null，并添加''到类型联合中

2. 实现单个值的转换函数 #

使用类型谓词判断null，并结合辅助类型定义返回值：

const types = {
  isNull: (value: unknown): value is null => value === null
};

const nullToEmptyString = <V>(value: V): ReplaceNullWithEmptyString<V> => {
  if (types.isNull(value)) {
    return '' as ReplaceNullWithEmptyString<V>;
  }
  return value as ReplaceNullWithEmptyString<V>;
};

这里的类型断言是必要的，因为TypeScript无法自动推断条件类型的返回值匹配。

3. 实现对象级别的转换函数 #

结合Ramda的mapObjIndexed，使用映射类型定义输入输出的类型关联：

import { mapObjIndexed } from "ramda";

const nullsToEmptyStrings = <T extends object>(obj: T): { 
  [K in keyof T]: ReplaceNullWithEmptyString<T[K]> 
} => {
  return mapObjIndexed(nullToEmptyString, obj) as {
    [K in keyof T]: ReplaceNullWithEmptyString<T[K]>
  };
};

验证效果 #

用你的示例类型测试：

// 输入类型
const input = {
  name: "Alice" as string | undefined,
  url: null as string | null | undefined,
  icon: "icon.png" as string | null | undefined
};

// 输出类型：{ name: string | undefined, url: string | undefined, icon: string | undefined }
const output = nullsToEmptyStrings(input);

对于包含number | null的属性：

const numInput = { count: null as number | null };
// 输出类型：{ count: number | '' }
const numOutput = nullsToEmptyStrings(numInput);

内容的提问来源于stack exchange，提问作者Yann Touil