Использование вложенного сопоставления в подписке Observable - Angular6

Я получаю некоторые данные через вызов API (в моем файле dataservicse.ts), и получаемый мной ответ представляет собой своего рода сложную структуру JSON. Я могу получить определенную часть ответа в моем соответствующем файле компонентов следующим образом:

Вот один из ответов объекта JSON, который представляет общую структуру -

{
    "address": {
        "building": "1234",
        "coord": [0, 0],
        "street": "123 Main Street",
        "zipcode": "00000"
    },
    "address2": "Test Suite 000",
    "grades": [{
        "grade": "A",
        "score": 3
    }, {
        "grade": "B",
        "score": 4
    }, {
        "grade": "A",
        "score": 2
    }],
    "name": "John Doe",
    "_id": "1212121"
}

Теперь - моя цель - получить атрибут 'name', а также первое значение 'grade' в атрибуте grades из каждого объекта ответа - и сопоставить их в отдельные массивы, чтобы я мог отображать их в столбцах таблицы с помощью * ngFor.

Это мой код компонента

export class TestDataComponent implements OnInit {

name$: Object;
grade$: Object;

constructor(private data: DataService, private data2: DataService) { }

ngOnInit() {
   //getAPIData is returning the API response from the dataservices.ts file
   this.data.getAPIData().subscribe(
       data=>console.info(data.response.map(name=>name.name))
       ); //this works fine - I get the names in an array

     this.data2.getAPIData().subscribe(
     data2=>console.info((data2.response.map(grade=>grade.grades)).map(grades 
        => {grades.map((value, index) => value.grade})) //this returns an undefined value
  );
 }

Теперь - если я console.info((data2.response.map(grade=>grade.grades)) Я получаю массив объектов массива, таких как -

Array - [Array(3), Array(3), Array(2)]

и каждый из них состоит из атрибута 'grades' Массив объектов. (беря первый массив сверху) -

Array(3)
0:{"grade": "A","score": 3}
1:{"grade": "B", "score": 4}
2:{"grade": "A", "score": 2}

Таким образом, я дополнительно отображаю свой первоначальный ответ, чтобы получить значение «оценка». Также - мне нужен только первый класс - поэтому у меня есть простое условие, добавленное следующим образом:

console.info((data2.response.map(grade=>grade.grades))
              .map(grades 
                  => {grades.map((value, index) =>{if (index<1) value.grade})}))

Как упоминалось в комментарии - я получаю неопределенное значение.

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

Я новичок в Angular6, просто перехожу с Angular 1.6, поэтому я почти уверен, что что-то напортачил.

Как лучше всего получить значения оценок в массиве с помощью вложенного сопоставления в подписке? Или есть лучший подход к тому же?

Также - для простоты игнорируйте тот факт, что присутствует первая подписка (для атрибута name) - я показал это здесь, чтобы прояснить, чего я хочу достичь.