TypeScript中如何实现对象类型转换并同步转换属性值？

你遇到的问题本质是TypeScript类型断言（as B）仅作用于编译阶段，不会修改运行时的实际值——它只是让编译器把one当作B类型处理，但one.data的实际值还是字符串，所以typeof two.data会返回string而非number。要同时实现类型转换和值的转换，必须手动编写转换逻辑并添加验证。

方案1：编写严格转换函数（转换失败抛出错误） #

创建一个函数，接收A类型对象，将其属性转换为B类型要求的格式，并验证转换有效性：

interface A {
  data: string;
}

interface B {
  data: number;
}

function convertAToB(a: A): B {
  const numValue = Number(a.data);
  // 验证转换结果是否为有效数字（排除NaN）
  if (isNaN(numValue)) {
    throw new Error(`无法将字符串 "${a.data}" 转换为有效数字`);
  }
  return { data: numValue };
}

// 使用示例
const one: A = { data: "1" };
const two: B = convertAToB(one);

console.log(typeof two.data); // 输出 "number"
console.log(two.data); // 输出 1

方案2：编写安全转换函数（转换失败返回undefined） #

如果不想抛出错误，可返回可选的B类型，配合类型守卫处理转换失败的情况：

interface A {
  data: string;
}

interface B {
  data: number;
}

function tryConvertAToB(a: A): B | undefined {
  const numValue = Number(a.data);
  if (!isNaN(numValue)) {
    return { data: numValue };
  }
  return undefined;
}

// 使用示例
const one: A = { data: "1" };
const two = tryConvertAToB(one);

if (two) {
  // 此处TypeScript会自动推断two为B类型
  console.log(typeof two.data); // 输出 "number"
} else {
  console.log("转换失败：输入的字符串无法转为有效数字");
}

关键说明 #

• 类型断言as B仅用于编译时类型检查，不会改变运行时数据，因此不能依赖它做值的转换。
• 所有涉及运行时类型转换的场景，必须手动处理值的转换逻辑，并添加验证（比如检查isNaN），避免出现无效的number值（如NaN）。

内容的提问来源于stack exchange，提问作者Dominik Kordylewicz