如何迭代API响应并将响应值分配给angular 8中的嵌套数组

npm install rxjs

import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

getData(): Observable<any> {
  return this.http.get('your_api_url').pipe(
    map(response => {
      // 在这里进行响应值的处理和分配给嵌套数组
      // 假设API响应的数据结构如下：
      // {
      //   "data": [
      //     {
      //       "id": 1,
      //       "name": "Item 1",
      //       "subItems": [
      //         {
      //           "id": 1,
      //           "name": "Sub Item 1"
      //         },
      //         {
      //           "id": 2,
      //           "name": "Sub Item 2"
      //         }
      //       ]
      //     },
      //     {
      //       "id": 2,
      //       "name": "Item 2",
      //       "subItems": [
      //         {
      //           "id": 3,
      //           "name": "Sub Item 3"
      //         },
      //         {
      //           "id": 4,
      //           "name": "Sub Item 4"
      //         }
      //       ]
      //     }
      //   ]
      // }

      // 假设你有一个嵌套数组来存储API响应的值
      let nestedArray = [];

      // 迭代API响应的data数组
      response.data.forEach(item => {
        let nestedItem = {
          id: item.id,
          name: item.name,
          subItems: []
        };

        // 迭代每个item的subItems数组
        item.subItems.forEach(subItem => {
          nestedItem.subItems.push({
            id: subItem.id,
            name: subItem.name
          });
        });

        nestedArray.push(nestedItem);
      });

      return nestedArray;
    })
  );
}

ngOnInit() {
  this.getData().subscribe(data => {
    console.log(data); // 输出分配给嵌套数组的API响应值
  });
}