javascript - 如何显示来自 API 的特定 JSON 数据
问题描述
我正在使用 got 请求。
代码:
const response = await got(`https://airapi.airly.eu/v2/measurements/installation?installationId=204`, {
headers: {
apikey: `API_KEY`
},
json: true
});
console.log(response.body.current.values);
输出:
[ { name: 'PM1', value: 20.72 },
{ name: 'PM25', value: 32.43 },
{ name: 'PM10', value: 61.22 },
{ name: 'PRESSURE', value: 1028.46 },
{ name: 'HUMIDITY', value: 91.59 },
{ name: 'TEMPERATURE', value: 10.87 } ]
现在,我想以这种格式向用户显示它:
PM1: 20.72 µg/m3
PM25: 32.43 µg/m3
PM10: 61.22 µg/m3
我的问题是:最好的方法是什么?将来,我还想使用像https://www.chunqiuyiyu.com/ervy/这样的库,所以最好将这些数据以某种方式分开。我希望我已经说清楚了:)
解决方案
只是你可以做
var data = [ { name: 'PM1', value: 20.72 },
{ name: 'PM25', value: 32.43 },
{ name: 'PM10', value: 61.22 },
{ name: 'PRESSURE', value: 1028.46 },
{ name: 'HUMIDITY', value: 91.59 },
{ name: 'TEMPERATURE', value: 10.87 } ];
$.each(data, function (i) {
console.log(data[i].name+':'+data[i].value);
});
推荐阅读
- ssl - Cert-Manager 证书创建停留在 Created new CertificateRequest 资源
- java - 移动应用程序开发或网络开发
- java - 以一种方法保存到两个表
- mysql - 在 MySQL 中跟踪涨价或降价
- php - 访问这两个 PHP 数组的方式有什么不同?
- laravel - Laravel 8 个工厂
- python-3.x - 如何在python的二次方程中正确求解虚数?
- image - 放大图像但使其看起来相同
- spring-integration - Spring 集成 Java DSL 入站和出站错误处理
- xml - xmlsecttool vs 基于 xerces 的 XML Schema 验证