Rxjs将Json文档中数组映射到新数组类型

问题
我正在通过角度服务从 PouchDB 检索文档。文档以下列格式检索：

1. {
   
2. "_id":"segments",
   
3. "_rev":"1-4f0ed65cde23fe724db13bea1ae3bb13",
   
4. "segments":[
   
5.     { "name":"Aerospace" },
   
6.     { "name":"Auto repair" },
   
7.     { "name":"Commercial" },
   
8.     { "name":"Education" },
   
9.     { "name":"Energy" },
   
10.     { "name":"Farm/ranch" },
    
11.     { "name":"Furniture" },
    
12.     { "name":"Heavy Equipment" },
    
13.     { "name":"Hobbyist" },
    
14.     { "name":"Infrastructure" },
    
15.     { "name":"Luxury/Leisure" },
    
16.     { "name":"Military" },
    
17.     { "name":"MUP" },
    
18.     { "name":"Processing" },
    
19.     { "name":"Rail" },
    
20.     { "name":"Transportation" }
    
21. ]}
    

复制代码

我想将它映射到一个新数组，如下所示：

1. [
   
2.   { value: "Aerospace", viewValue: "Aerospace" },
   
3.   { value: "Auto Repair", viewValue: "Auto Repair" },
   
4.   { value: "Commercial", viewValue: "Commercial" }
   
5.   ...
   
6. ]

复制代码

为此，我在我的服务中尝试了以下代码：

1. getSegments(): Observable<any[]> {
   
2.   return from(this.database.get('segments'))
   
3.   .pipe(
   
4.     map((results) => results.segments)
   
5.   );
   
6. }

复制代码

我将组件中的数组转换为：

1. segments: SegmentsLookup[] = [];
   
2. ...
   
3. this.lookupDbService.getSegments()
   
4.   .subscribe(data => {
   
5.     data.forEach(element => {
   
6.       this.segments.push({value: element.name, viewValue: element.name});
   
7.   });
   
8. });

复制代码

这可行，但我知道有一种方法可以将其正确映射回服务代码。此外，当这样做时，编译器会抱怨“结果”。段'陈述'属性'段'类型 {} 上不存在。

如何将检索到的数据映射到服务的“getSegments”中的所需数组？方法？

回答
您可以分两步执行转换：

1. let transformedData = observableData.pipe(
   
2.   map(data => {
   
3.     console.log(data, data.segments.length);
   
4.     return data.segments.map(element => {
   
5.       return { value: element["name"], viewValue: element["name"] };
   
6.     });
   
7.   })
   
8. );
   
9. 
   
10. transformedData.subscribe(data => {
    
11.   this.mylist = data;
    
12. });

复制代码