Как мне обрабатывать массивы, которые возвращаются в формате json?

Question

Я пытаюсь получить элементы в массиве, который находится в ответе json.Когда я пытаюсь записать ответ в своей консоли, я вижу массив и его элементы, но когда я пытаюсь получить доступ к элементу в массиве, вместо этого я получаю «[объект Объект]».

JSON response:

{ email: "test@test.com"
  groups: [{
      id: '1'
      name: 'admin' 
  }]
 id: 1
 is_active: true
 last_login: "2019-02-12T23:22:50.440290Z"
 username: "test" }

Я уже пробовал:

user.groups.name
user.groups(['name'])
user.groups[2]

// это метод, который запрашивает ответ

getUserData(){
  this.userService.getUserDetails().subscribe(
  response => {
     this.users = response;
     console.log(response);
   },
   error => console.log('Error', error)
 );
}

// я такойвызов ответа в моем html-файле компонента

  <div *ngFor="let user of users">

    {{ user.username }}
    {{ user.groups }}


  </div>

Мне нужно получить доступ к атрибуту «name» и распечатать «admin» в моих тегах div.