Редактирование полученного объекта после углового HTTP-запроса

Question

В проекте, над которым я работаю, после получения списка объектов из HTTP-запроса «get», одно из полей для каждого объекта - это строка, содержащая состояние «DEAD», «IDLE» и т. Д. есть ли способ отредактировать структуру объекта, который входит в список, чтобы он содержал еще несколько полей на основе на основе этого значения состояния? Например, после преобразования каждый из объектов в списке будет иметь логические поля isDead, isIdle и т. Д. Это то, что делает метод transformResponse () в Angular?

Answer 1

Вы можете сделать что-то вроде этого.

private getData(): void {
    this.http.get('https://reqres.in/api/users?page=2').pipe(map((res: any) => {
      return res.data;
    })).subscribe((data) => {
      this.data =data.map((item) => {
       return {
            id: item.id,
            first_name: item.first_name,
            last_name: item.last_name,
            avatar: item.avatar,
            age: 50
        }
      });
    });
  };

Здесь пользовательский интерфейс запрашивает список данных, и для каждого элемента в списке я добавляю атрибут age.

Рабочий пример вы можете найти в здесь