TypeScript中如何清除对象内每个键对应的值

嘿，我来帮你搞定这个问题！要把对象里每个键的值都改成空字符串，在TypeScript里有几个实用的方案，适配不同的场景：

1. 通用方案：Object.keys() + reduce #

这个方法不管对象结构复杂与否都能用，还能完美保留原对象的类型：

const initialObject = { a: "valueA", b: "valueB", c: "valueC" };

const finalObject = Object.keys(initialObject).reduce((acc, key) => {
  // 类型断言让TypeScript识别key是原对象的合法键
  acc[key as keyof typeof initialObject] = "";
  return acc;
}, {} as typeof initialObject); // 指定累加器的类型和原对象一致

console.log(finalObject); // 输出: { a: "", b: "", c: "" }

2. 简洁方案：Object.fromEntries() #

如果你使用的环境支持ES2019及以上，这个写法会更清爽：

const initialObject = { a: "valueA", b: "valueB", c: "valueC" };

const finalObject = Object.fromEntries(
  // 把对象转成键值对数组，替换值为空字符串后再转回对象
  Object.entries(initialObject).map(([key]) => [key, ""])
) as typeof initialObject;

console.log(finalObject); // 输出: { a: "", b: "", c: "" }

3. 手动赋值：适合结构固定的小型对象 #

如果你的对象结构是明确且简单的，直接手动创建新对象是最直观的，还不用类型断言：

const initialObject = { a: "valueA", b: "valueB", c: "valueC" };

// 直接指定类型和原对象一致，TypeScript会检查所有键是否都被赋值
const finalObject: typeof initialObject = {
  a: "",
  b: "",
  c: ""
};

小提示 #

• 以上方法都是创建新对象，不会修改原有的initialObject；
• 如果原对象里有其他类型的值（比如数字、布尔），只要你需要统一转成空字符串，这些方法同样适用，类型断言会帮你处理好类型匹配问题。

内容的提问来源于stack exchange，提问作者Olivier.C