如何处理以json格式返回的数组？

Question

我正在尝试在json响应中的数组中获取项目。当我尝试在控制台中记录响应时，我可以看到该数组及其项目，但是当我尝试访问该数组中的项目时，则会显示“ [object Object]”。

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>

我需要访问“名称”属性并在div标签中打印出“ admin”。