javascript - Angular 从 API 创建对象

Question

我正在使用 Angular 8，我只是想从这里获取测试 JSON api:https://jsonplaceholder.typicode.com/users并从中创建一个用户对象数组，如下所示:

export interface User {
   name: string;
   email: string;
}

我用这个获取数据:

 this.http.get('https://jsonplaceholder.typicode.com/users').subscribe(data => {
        this.data = data;
        console.log(data);
        });

我正在这样创建我的数据变量:

data: User[] = [];

数据数组似乎没有设置好。我是否需要遍历响应中的每个对象并将其推送到数据数组？

Answer 1

有几种方法可以做到这一点:

其中之一是:使用 map 遍历数据并返回 User 类型的新对象

this.http.get('https://jsonplaceholder.typicode.com/users')
      .subscribe((data :any) => {
        this.users =  data.map((d: any) => {
          let user : User =  {name :d.name , email :d.email };
          return user;
        });
      });

demo