TypeScript类型转换时如何移除对象属性（原生方案）

你需要移除对象属性以适配属性更少的接口，原生解构虽然能得到正确的对象，但无法自动匹配目标接口类型，无需依赖lodash的TypeScript原生方案有以下几种：

方案一：类型断言（最简便） #

直接通过类型断言告诉TypeScript解构后的对象符合目标接口，代码简洁直接：

interface TeamAvatarHumans {
  earth: string;
  fire: string;
  air: string;
  water: string;
}

interface AvatarGroup {
  earth: string;
  fire: string;
  air: string;
  water: string;
  pets: string[]
}

const team: AvatarGroup = {
  earth: 'toph',
  fire: 'zuko',
  air: 'aang',
  water: 'katara',
  pets: ["momo", "aapa"]
};

// 方式1：解构后断言
const { pets, ...teamAvatar } = team;
const typedTeamAvatar = teamAvatar as TeamAvatarHumans;

// 方式2：解构时直接断言
const { pets: _, ...typedTeamAvatar2 } = team as TeamAvatarHumans;

注意：类型断言不会做运行时检查，需确保对象确实符合目标类型，避免潜在类型不匹配问题。

方案二：自定义通用omit函数（兼顾类型安全与复用） #

结合TypeScript原生的Omit工具类型，实现一个和lodash.omit功能类似的原生函数，同时自动推导类型：

// 通用omit函数：移除对象指定属性并返回正确类型
function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {
  const result = { ...obj };
  keys.forEach(key => delete result[key]);
  return result;
}

// 使用示例
const teamAvatar: TeamAvatarHumans = omit(team, 'pets');

这个函数支持同时移除多个属性，比如omit(team, 'pets', 'earth')，返回的类型会自动排除指定属性，类型安全且复用性强。

方案三：类型守卫（带运行时检查） #

如果需要确保运行时对象也符合目标类型，可以编写类型守卫函数，在类型断言的基础上增加运行时验证：

// 类型守卫函数：验证对象是否符合TeamAvatarHumans类型
function isTeamAvatarHumans(obj: unknown): obj is TeamAvatarHumans {
  if (typeof obj !== 'object' || obj === null) return false;
  const target = obj as TeamAvatarHumans;
  return (
    typeof target.earth === 'string' &&
    typeof target.fire === 'string' &&
    typeof target.air === 'string' &&
    typeof target.water === 'string'
  );
}

// 使用示例
const { pets, ...teamAvatar } = team;
if (isTeamAvatarHumans(teamAvatar)) {
  // 此处teamAvatar会被TypeScript推断为TeamAvatarHumans类型
  console.log(teamAvatar);
}

这种方案在编译时和运行时都能保障类型正确性，适合对类型安全性要求较高的场景。

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