仅将JSON数据而不是标题提取到带有打字稿的字符串数组-英雄云拓展知识分享

匿名投稿 267 2024-01-21

我要做的是仅从JSON而不是标题中提取数据（举例来看，取得1个但不取得ID或取得Foo而不是名称）

[{ID = 1, Name = "foo", Email = "[email protected]"},{ID = 2, Name = "bar", Email = "[email protected]"}]

我只想要数据而不是标题的缘由是数据可以经过动态。在一个呼唤中，返回的JSON在下一个呼唤上可以有100个字段或每一个对象的2个字段。这就是为何在下面的示例中，我的界面中只有一个字符串，由于我不知道可以传递哪一种数据。

这是我试图解释数据的打字稿

import { Component } from '@angular/core';import { Http } from '@angular/http';
@Component({
selector: 'fetchdata',
template: require('./fetchdata.component.html')
})
export class FetchDataComponent {
public rowData: RowInfo[];
constructor(http: Http) {
http.get('/api/SampleData/DatatableData').subscribe(result => {
//This is where the magic should happen
//This currently does not work
var dataCarrier = result.toString();
JSON.parse(dataCarrier).forEach(item => {
this.rowData = item.name;
});
});
}
}
interface RowInfo {
rowData: string;
}

我该如何分解HTTP中的JSON数据。仅将其片断转移到界面中，同时辨别可能位于同一对象中的不同行？

看答案

ES6方法：这将为您提供 array 由1组成 array 每 object 您最初具有的。每一个子阵列只会是这些对象的值。

JSON.parse(dataCarrier).map(Object.values)

因此，这种情况下，在您的示例中，这将致使：

[{ID = 1, Name = "foo", Email = "[email protected]"},{ID = 2, Name = "bar", Email = "[email protected]"}]
// =>
[[1, "foo", "[email protected]"], [2, "bar", "[email protected]"]]

有关更多信息 Object.values:

https://developer.mozilla.org/en/docs/web/javascript/reference/global_objects/objects/object/values

如果您不能使用 ES6，你可以做到 ES5 和 Object.keys。该代码将更详细，但完成工作：

JSON.parse(dataCarrier).map(function(obj) {return Object.keys(obj).map(function (key) {
return obj[key];
});
});

*改编自如何获得JavaScript对象的所有属性值（不知道键）？

🚀🌟 点击注册免费试用超级应用平台-英雄云企业级hpapaas 🌟🚀 😃👉🌐

免责声明：

本网址（www.yingxiongyun.com）发布的材料主要源于独立创作和网友匿名投稿。此处提供的所有信息仅供参考之用。我们致力于提供准确且可信的信息，但不对材料的完整性或真实性作出任何保证。用户应自行验证相关信息的正确性，并对其决策承担全部责任。对于由于信息的错误、不准确或遗漏所造成的任何损失，本网址不承担任何法律责任。本网站所展示的所有内容，如文字、图像、标志、音频、视频、软件和程序等的版权均属于原创作者。如果任何组织或个人认为网站内容可能侵犯其知识产权，或包含不准确之处，请即刻联系我们进行相应处理。