Arrays 如何使用带有angular 9的typescript访问对象数组中的值?
我正在尝试从quickbase中的表中检索值。 这就是我目前所拥有的。。。。 服务.tsArrays 如何使用带有angular 9的typescript访问对象数组中的值?,arrays,angular,quickbase,Arrays,Angular,Quickbase,我正在尝试从quickbase中的表中检索值。 这就是我目前所拥有的。。。。 服务.ts publicGetNativeFields(){ 让headers=new-HttpHeaders().set(“QB领域主机名”,“xxxxxx.quickbase.com”).set(“授权”,“QB-USER-TOKEN xxxxxx\u xxx\uxxxxxxxxxxxxxxxxxxxxxxxxx”); 让requestBody={ “from”:this.someTableId, “选择”:[6
publicGetNativeFields(){
让headers=new-HttpHeaders().set(“QB领域主机名”,“xxxxxx.quickbase.com”).set(“授权”,“QB-USER-TOKEN xxxxxx\u xxx\uxxxxxxxxxxxxxxxxxxxxxxxxx”);
让requestBody={
“from”:this.someTableId,
“选择”:[6,7]
}
返回此.httpClient.post(`this.apirl}/records/query?appId=${this.appId}`,requestBody,{headers})
}
在我的组件中.ts我有
ngOnInit():void{
let list=this.apiService.getNativeFields();
控制台日志(“列表为”);
控制台日志(列表);
list.forEach(元素=>{
this.nativeVersions.push(元素);
})
console.log(“本机版本”);
console.log(this.nativeVersions);
}
此日志返回
我如何提取数据
{value:“1.0.0”}和
{value:“1.0.5”}尝试动态生成字段,这样您就不必担心哪个索引用于
notes的版本
从这个物体上,我们可以看出我们有
[
{
数据:[……],
字段:[……]
}
]
这些字段定义了数据结构的方式,因此我们可以通过map
操作符生成更简单的对象。请参阅下面的代码
构造函数(私有apiService:apiService){}
list$=this.apiService.getNativeFields();
allVersions$=此.list$.pipe(
地图(列表=>
(list.map({fields,data})=>
data.map(项=>
字段。减少((上一个,下一个)=>{
返回{…prev[next.label]:项[next.id][“value”]};
}, {})
)
)如有)平坦的
),
map(item=>item.map(({version}=>version))
);
恩戈尼尼特(){
这是.allVersions$。订阅({
下一步:items=>console.log(items)
});
}
NB.flat()
功能仅在es2019
中可用。这篇文章将有助于应对任何挑战Hi@Kevner,重点是This.apiService.getNativeFields()
将向您返回一个可观察的。尝试这样做:this.apiService.getNativeFields().subscribe((响应)=>{console.log(响应);//验证它是否在打印响应[0]上返回相同的结果。数据。[0][7]/{value:“1.0.0”}响应[0]。数据。[0][7]/{value:“1.0.5”}})
@Patrick ah yes your正确。因此,订阅返回这些数组{data:Array(2),fields:Array(2),metadata:{…}}data:Array(2)0:6:{value:“1.0.0”}7:{value:Test↵ ↵↵- 测试1
↵- 测试2
↵- 测试3
↵
↵"} __原型:对象1:6:{value:“1.0.5”}7:{value:test↵ ↵↵- 测试
↵
↵ ↵ 测试↵ ↵↵- 测试
↵
↵“}uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu(当前版本。component.ts:39)在SafeSubscriber上。u tryOrUnsub(Subscriber.js:183)在SafeSubscriber.next(Subscriber.js:122)在Subscriber上。u next(Subscriber.js:72)**感谢@Patrick.我很感激:)根据您的回复,应该可以在这里找到:response.data[0][6]
@Patrick yea,这不管用……但这确实管用了。
回复[“数据”][0][6]
再次感谢。非常感谢您的帮助