时间戳

首页 > 解决方案 > 遍历数组对象以在表格中显示

javascript - 遍历数组对象以在表格中显示

问题描述

我有一个从 API 调用返回的对象，我试图在 HTML 的表格中显示对象的详细信息。我能够获得密钥但无法获得值。我正在使用角度 7。

我试过 let keys =Object.keys(successMsg.body.result);这给了我"ABC"，我如何获得其他值？

在我使用的 HTML 中：

<tbody> 
<tr *ngFor="let data of dataToShow | keyvalue"> 
<td> {{data.key}} </td> 
<td> {{data.value}} </td>
</tr> 
</tbody>

api数据为：{ "ABC": [ "1234567" ], "XYZ": [ "5678912" ] }

标签： javascriptjsonangular

解决方案

要同时访问键和值，您可以执行以下操作：

Object.entries(successMsg.body.result);

这将返回每个键/值对的数组。键是第一个元素，值是第二个元素。

const result = { "ABC": [ "1234567" ], "XYZ": [ "5678912" ] };

const entries = Object.entries(result);

console.log(entries);

推荐阅读