json - 将后端属性映射到前端属性

Question

假设我们从后端得到以下结果:

{
    idPerson:string, 
    name: string
}

现在我有一个 typescript 类:

class Option {
    id: string;
    text: string;
}

所以，后端给了我以下信息:

"[{idperson: "1", name: "foo"}, {idperson:"2", name:"bar"}]"

当我从一个 Angular http 请求中收到答案时，我正在执行以下操作:

let options: any[] = [];
options = JSON.parse(response);

所以它给了我:

[{idperson: "1", name: "foo"}, {idperson:"2", name:"bar"}]

但我真的很想把后端的key映射到前端的key，得到:

[{id: "1", text: "foo"}, {id:"2", text:"bar"}]

我如何映射它们？

Answer 1

let options: Option[];
options = JSON.parse(response).map(item => ({
  id: item.idPerson,
  text: item.name
}));

如果您不需要 Option 类中的任何方法，我会创建一个接口(interface)。

interface Option {
  id: string;
  text: string;
}

let options: Option[];
options = JSON.parse(response).map(item => ({
  id: item.idPerson,
  text: item.name
}));

如果您确实需要 Option 类的方法:

class Option {
  constructor(public id: string, public text: string) {}

  public doSomething() {
    console.log(this.id)
  }
}

let options: Option[];
options = JSON.parse(response).map(item => new Option(item.idPerson, item.name));