Typescript、ES6、Angular 12：映射/复制相似对象

Question

我有两个非常相似的模型对象（Angular 12 前端）：

export interface UserGet {
   id: string;
   firstName: string;
   lastName: string;
   hobby: Hobby;
}

export interface UserPost {
   firstName: string;
   lastName: string;
   hobby: number;
}

export interface Hobby {
   id: string;
   hobby: string;
}

我想将 UserGet 对象映射到 UserPost 对象。

当前使用给定 userGet-object 的方法：

const userPost: userPost = {
   firstName: this.userGet.firstName,
   lastName: this.userGet.lastName,
   hobby: this.userGet.hobby.id;
 }

看起来很简单，但实际上，我有更多的字段，我需要用相同的方法映射更多的对象。

是否有更短/更优雅的 ES6 打字稿解决方案来映射模型，类似于我的示例，具有以下结构：

• 目标对象中可能缺少某些字段
• 目标对象中的某些字段可能属于不同类型

提前致谢

Answer 1

我建议您严格按照模型中的必要条件。

如果你说你有更多的属性要匹配：

• 这些属性是否严格需要在您的前端进行处理 应用？
• 您的前端应用真的需要所有这些属性吗？
• 您的后端是否响应了许多不必要的属性？

export interface UserSomething {
  id?: string;  // id can be optional ( ? )
  firstName: string;
  lastName: string;
  hobby: Hobby | number | string;
}

您可以拥有一个包含所有这些属性的模型，其中一些是可选的，而另一些则是必需的。

匹配的时候，可以试试这样：

const user: UserSomething = {
  firstName: this.userGet.firstname; 
  lastName: this.userGet.lastName;
  hobby: this.userGet?.hobby; // it allows number, string or Hobby type of data
}