个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我想将 JSON 响应的值映射到以下接口(interface):
export interface CyHourlyWeather {
temperature: string;
skycon: string;
precipitation: number;
wind: {
speed: number,
direction: number
},
cloudrate: number
}
我想将服务器响应映射到 HourlyWeather: Array<CyHourlyWeather> , 这样数组可能包含多个 CyHourlyWeather .但是，数组的数据结构很复杂——我想不出一种方法来过滤和映射这些数据。
JSON 响应:
"result":{
"status":"ok",
"hourly":{
"status":"ok",
"temperature":[
{
"value":8.0,
"datetime":"2015-09-28 13:00"
},
{},
] // e.g. 1hr, 2hr, 3hr...
"skycon": [{"value": ..., "datetime": ...}, {}],
"precipitation": [{"value": ..., "datetime": ... }, {}],
"wind": [{"speed": ..., "direction": ...}, {}],
"cloudrate": [{"value": ..., "datetime": ... }, {}],
}
}
我知道如何检索数据(例如获取特定值)并进行简单映射(例如将响应映射为单个对象而不是数组)，但是当我尝试应用一些 javascript 数组(forEach ... ) 和迭代函数，它只是以某种方式失败了。关于如何实现这个有什么建议吗？
编辑 - 我尝试过的:
this.caiyunForecastService.getCaiyunForecast()
.subscribe( val => this.hourlyWeather = val.map(element => {
return <CyHourlyWeather> {
temperature: element.result.hourly.temperature.value,
skycon: element.result.hourly.skycon.value,
precipitation: element.result.hourly.precipitation.value,
wind: {
speed: element.result.hourly.wind.speed,
direction: element.result.hourly.wind.direction
},
cloudrate: element.result.hourly.cloudrate.value
}
}));
这会返回一个 val.map 不是函数并且失败。
编辑 2 - 更长的样本响应
"result":{
"status":"ok",
"hourly":{
"status":"ok",
"pm25":[ //pm25
{
"value":8.0,
"datetime":"2015-09-28 13:00"
},
{
"value":8.0,
"datetime":"2015-09-28 14:00"
},
{
"value":7.0,
"datetime":"2015-09-28 15:00"
},
{
"value":3.0,
"datetime":"2015-09-28 16:00"
},
{
"value":-0.0,
"datetime":"2015-09-28 17:00"
},
{
"value":-0.0,
"datetime":"2015-09-28 18:00"
},
{
"value":-0.0,
"datetime":"2015-09-28 19:00"
},
{
"value":-0.0,
"datetime":"2015-09-28 20:00"
},
{
"value":-0.0,
"datetime":"2015-09-28 21:00"
},
{
"value":-0.0,
"datetime":"2015-09-28 22:00"
},
{
"value":-0.0,
"datetime":"2015-09-28 23:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 00:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 01:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 02:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 03:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 04:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 05:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 06:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 07:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 08:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 09:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 10:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 11:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 12:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 13:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 14:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 15:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 16:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 17:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 18:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 19:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 20:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 21:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 22:00"
},
{
"value":-0.0,
"datetime":"2015-09-29 23:00"
},
{
"value":-0.0,
"datetime":"2015-09-30 00:00"
},
{
"value":-0.0,
"datetime":"2015-09-30 01:00"
},
{
"value":-0.0,
"datetime":"2015-09-30 02:00"
},
{
"value":-0.0,
"datetime":"2015-09-30 03:00"
},
{
"value":-0.0,
"datetime":"2015-09-30 04:00"
},
{
"value":-0.0,
"datetime":"2015-09-30 05:00"
},
{
"value":3.0,
"datetime":"2015-09-30 06:00"
},
{
"value":8.0,
"datetime":"2015-09-30 07:00"
},
{
"value":14.0,
"datetime":"2015-09-30 08:00"
},
{
"value":19.0,
"datetime":"2015-09-30 09:00"
},
{
"value":24.0,
"datetime":"2015-09-30 10:00"
},
{
"value":29.0,
"datetime":"2015-09-30 11:00"
},
{
"value":33.0,
"datetime":"2015-09-30 12:00"
}
],
"description":"\u66b4\u96e8\u6e10\u5927\uff0c\u4eca\u5929\u665a\u95f421\u70b9\u949f\u540e\u5927\u96e8\uff0c\u5176\u540e\u9634",
"skycon":[
{
"value":"RAIN",
"datetime":"2015-09-28 13:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 14:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 15:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 16:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 17:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 18:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 19:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 20:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 21:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 22:00"
},
{
"value":"RAIN",
"datetime":"2015-09-28 23:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 00:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 01:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 02:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 03:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 04:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 05:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 06:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 07:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 08:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 09:00"
},
{
"value":"RAIN",
"datetime":"2015-09-29 10:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 11:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 12:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 13:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 14:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 15:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 16:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 17:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 18:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 19:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 20:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 21:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 22:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-29 23:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 00:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 01:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 02:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 03:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 04:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 05:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 06:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 07:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 08:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 09:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 10:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 11:00"
},
{
"value":"CLOUDY",
"datetime":"2015-09-30 12:00"
}
],
还有一个测试 API:https://api.caiyunapp.com/v2/TAkhjf8d1nlSlspN/121.6544,25.1552/forecast.json
最佳答案
在您的 CaiyunForecastService 中试试这个。
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
export interface CyHourlyWeather {
temperature: string;
skycon: string;
precipitation: number;
wind: {
speed: number;
direction: number;
};
cloudrate: number;
}
@Injectable({
providedIn: 'root'
})
export class CaiyunForecastService {
constructor(private http: HttpClient) { }
public getCaiyunForecast(): Observable<CyHourlyWeather[]> {
return this.http.get(
'https://api.caiyunapp.com/v2/TAkhjf8d1nlSlspN/121.6544,25.1552/forecast.json'
).pipe(map((res: any) => this.mapResult(res)));
}
private mapResult(res): CyHourlyWeather[] {
const cyHourlyWeatherArray: CyHourlyWeather[] = [];
for (let i = 0; i < res.result.hourly.temperature.length; i += 1) {
cyHourlyWeatherArray.push({
temperature: res.result.hourly.temperature[i].value,
skycon: res.result.hourly.skycon[i].value,
precipitation: res.result.hourly.precipitation[i].value,
wind: {
speed: res.result.hourly.wind[i].speed,
direction: res.result.hourly.wind[i].direction
},
cloudrate: res.result.hourly.cloudrate[i].value
});
}
return cyHourlyWeatherArray;
}
}
这将返回 Observable<CyHourlyWeather[]>因此您可以在解析时订阅并获取 CyHourlyWeather 数组。尚未对此进行测试，如果有任何问题，请告诉我。
请注意，这是改编自 Ionic v4 项目。
关于javascript - 将 json 响应数组的值映射到预定义的接口(interface)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54850407/
24
4
0
最近开始学习MongoDB。今天老师教了我们 mongoexport 命令。在练习时，我遇到了一个典型的问题，包括教练在内的其他同学都没有遇到过。我在我的 Windows 10 机器上使用 Mongo
我是 JSON Schema 的新手，读过什么是 JSON Schema 等等。但我不知道如何将 JSON Schema 链接到 JSON 以针对该 JSON Schema 进行验证。谁能解释一下？
在 xml 中，我可以在另一个 xml 文件中包含一个文件并使用它。如果您的软件从 xml 获取配置文件但没有任何方法来分离配置，如 apache/ngnix(nginx.conf - site-av
我有一个 JSON 对象，其中包含一个本身是 JSON 对象的字符串。我如何反序列化它？ 我希望能够做类似的事情: #[derive(Deserialize)] struct B { c: S
考虑以下 JSON { "a": "{\"b\": 12, \"c\": \"test\"}" } 我想定义一个泛型读取 Reads[Outer[T]]对于这种序列化的 Json import
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 11 个月前关闭。 Improve
我的旧项目在 MySQL 中有 Standard JSON 格式的数据。 对于我在 JS (Node.js) 和 DynamoDB 中的全新项目，关于 Standard JSON格式: 是否建议将其转
JSON 值字符串、数字、true、false、null 是否是有效的 JSON？ 即，是 true 一个有效的 JSON 文档？还是必须是数组/对象？ 一些验证器接受这个(例如 http://jso
我有一个 JSON 字符串，其中一个字段是文本字段。这个文本字段可以包含用户在 UI 中输入的文本，如果他们输入的文本是 JSON 文本，也许是为了说明一些编码，我需要对他们的文本进行编码，以便它不会
我正在通过 IBM MQ 调用处理数据，当由 ColdFusion 10 (10,0,11,285437) 序列化时，0 将作为 +0.0 返回，它会导致无效的 JSON并且无法反序列化。 stPol
我正在从三个数组中生成一个散列，然后尝试构建一个 json。我通过 json object has array 成功了。 require 'json' A = [['A1', 'A2', 'A3'],
我从 API 接收 JSON，响应可以是 30 种类型之一。每种类型都有一组唯一的字段，但所有响应都有一个字段 type 说明它是哪种类型。 我的方法是使用serde .我为每种响应类型创建一个结构并
我正在下载一个 JSON 文件，我已将其检查为带有“https://jsonlint.com”的有效 JSON 到文档目录。然后我打开文件并再次检查，结果显示为无效的 JSON。这怎么可能？？？？这是
我正在尝试根据从 API 接收到的数据动态创建一个 JSON 对象。 收到的示例数据:将数据解码到下面给出的 CiItems 结构中 { "class_name": "test", "
我想从字符串转换为对象。 来自 {"key1": "{\n \"key2\": \"value2\",\n \"key3\": {\n \"key4\": \"value4\"\n }\n
目前我正在使用以下代码将嵌套的 json 转换为扁平化的 json: import ( "fmt" "github.com/nytlabs/gojsonexplode" ) func
我有一个使用来自第三方 API 的数据的应用程序。我需要将 json 解码为一个结构，这需要该结构具有“传入”json 字段的 json 标签。传出的 json 字段具有不同的命名约定，因此我需要不同
我想使用 JSON 架构来验证某些值。我有两个对象，称它们为 trackedItems 和 trackedItemGroups。 trackedItemGroups 是组名称和 trackedItem
考虑以下案例类模式， case class Y (a: String, b: String) case class X (dummy: String, b: Y) 字段b是可选的，我的一些数据集没有字
我正在存储 cat ~/path/to/file/blah | 的输出jq tojson 在一个变量中，稍后在带有 JSON 内容的 curl POST 中使用。它运作良好，但它删除了所有换行符。我知
我是一名优秀的程序员,十分优秀！