Angular 5：批量调用以获取 json 数组中字段的数据

Question

我有一个包含以下格式的 json 数据的数组

staff = [
{ "id"   : 1,
   "name" : "Robert"
},
{ "id"   : 2,
   "name" : "Peter"
}
]

我正试图获得这些人的指定。有一个接受一组 id 的 API。我正在尝试分批获取 30 个对象的名称。即发送前 30 个对象并获取它们的名称并继续。我尝试保持 for 循环并传递 30 个对象但未成功。

Designation API 提供以下格式的数据。

[
  {
    "staffId": "26",
    "designation": "PRA"
  },
  {
    "staffId": "25",
    "designation": "MRA"
  }
]

结果 json

员工 = [ {“身份证”：1， “姓名”：“罗伯特”， "staffDesignation": "PRA" }, {“身份证”：2， “名称”：“彼得”， "staffDesignation": "MRA" } ]

因此，对于我获得的每 30 批指定，我需要使用该值更新员工记录。

staff.component.ts

for (让 i = 0; i { //这里传30个对象 //更新指示符逻辑 }, (错误) => {

})

}

staff.service.ts

getStaffDesignator(staff)
{

    staff.forEach((staff, index) => {
      if (index === 0) {
        url = url + `?contactId=${staff.id}`;
      }
      else {
        url = url + `&contactId=${staff.id}`
      }
    }) //loop through the objects to get the staff id to pass to the APIcall

    return this.http.get(url, this.options)
      .map((res: Response) => {
        return res.json();
      })  //API call to get designations for staff

}

Answer 1

当您从 API 调用中获取 res 时，您可以开始在过滤器数组过程中工作。

var filterArray = [];

this.http.post(url , param , header , function(err , response) => {
    // First way is to use map
    // You can use for loop 
    for(let i = 0 i < response.length ; i++){
         var obj = {
             id: response[i].staffId,
             name: response[i].name,
             staffDesignation: response[i].designation,
         }
         this.filterArray.push(obj);

         // Now you can call next API for another batch... 
    }
})

在这种情况下，我建议您可以使用以下结构。

step1 : 制作一个包含 30 个批次的数组。

第 2 步： 使用带有 Observable 的 for 循环。

for(let i = 0 ; i < this.array.length ; i++){       //Each i has batch of 30.

     // Hear observable will work as a promise in for loop to make call in sync.
     return new Observable((observer) => {
          return http.post(url , param , option)...

         //Once you got data from API use my above code to filter your
         // Key and value from res. 

        observable.next();
        observable.complete(); // It will go for call next batch... 
     })
}

Answer 2

将您的 staff 数据视为：

staff = [{
    "id": 1,
    "name": "Robert"
  },
  {
    "id": 2,
    "name": "Peter"
  }
]

您的 API 会按照请求的顺序返回数据，

你可以得到staffIds：

staffIds = staff.map(item => item.id);

调用 API 并获取 response 后，您可以将响应与 staff 数组合并，如下所示：

resultingArray = Object.values(
  [...staff, ...response]
  .reduce((r, { staffId, id = staffId, ...rest }) => ({
    ...r,
    [id]: { id, ...r[id], ...rest }
  }), {})
);