如何在角或打字稿中迭代后端api映射响应

Question

我有一个api，它将返回地图响应。

{thomas: 3, test70: 2, tim: 2, elin: 2, sumeet12: 1}

我想迭代角度，但不幸的是，我在尝试时出错了。

错误::

此表达式不可调用。输入数字没有呼叫signatures.ts（2349）

  this.testObject.forEach((value: number, key: string) => {
    console.log(key, value);
});

在排版图上迭代

但是我可以使用下面的代码在html中迭代...

在html中

  <div *ngFor="let item of testObject | keyvalue: originalOrder; let i=index">
    <span *ngIf="i<3">
      Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>

    </span>   
  </div>

在里面ts文件

testObject: { [key: string]: number };
showresult: any;

  getQuizResult(id){
    this.service.getResult(id).subscribe((stndrdResp: Response) => {
      this.showresult = stndrdResp.obj; // this will return a object
      this.testObject = this.showresult; // assigning the key value response to testObject
      });
  }

基本上，我想迭代后端api响应内getQuizResult，以便我可以执行一些操作。感谢你的宝贵建议。

Answer 1

因为testObject是一个普通对象，而不是Map实例。您需要创建贴图对象或数组。

js prettyprint-override">const res = {thomas: 3, test70: 2, tim: 2, elin: 2, sumeet12: 1};
var arr = Object.entries(res);//[[ "thomas", 3 ]...]
var map = new Map(arr);//use arr or create a map

Answer 2

我想这就是你想要的：https://stackoverflow.com/a/24440475/12193298

评论；在上面的一个代码中，第二个参数中有key:string，但在forEach回调中，第二个参数是索引，它始终是一个数字。所以应该是这样的：

this.testObject.forEach((value: number, index: number) => {
    console.log(index, value);
});