将http请求结果推送到数组中

Question

我有一个数组中的办公室ID列表。 我遍历该数组并使用HTTP请求服务获取与id相关联的名称。 它传回了我学到的必须使用的承诺。然后解开它。

this.officeID = [100, 200, 300];
this.offices = [];

for (x in this.officeID) {
   OfficeService.getOfficeName(x).then(function (data) {
       this.offices.push([data, x]);
   });
};

我想要的结果是

[["Office1", 100], ["Office2", 200], ["Office3", 300]];

但我得到的是

[["Office1", 300], ["Office2", 300], ["Office3", 300]];

似乎服务调用正在等待所有内容传递完成。