两个可观察类数组之间的映射

Question

我有两个给定的类 SgFormsBase 和 QuestionBase，其成员名称略有不同，我想将其中的 observable[] 翻译成另一个。

import { of, Observable } from 'rxjs'
import { map} from 'rxjs/operators'

class SgFormsBase{
  constructor(
     public id: number,
     public survey: string
  ){}
}

class QuestionBase{
  constructor(
     public qid: number,
     public qsurvey: string
  ){}
}

const a = new SgFormsBase(11, 'Endo')
const b = new SgFormsBase(12, 'Kolo')
const sg = of([a, b] )

function toQuestionsBase(sgforms: Observable<SgFormsBase[]>): Observable<QuestionBase[]> {
  return sgforms.pipe(map(
     sgform =>  new QuestionBase(sgform.id, sgform.survey)))
}

toQuestionsBase(sg)

Answer 1

由于源 observable 是 SgFormsBase[] 的 observable，它发出的每个值都是一个完整的数组。因此，可观察的map 运算符接收整个数组。您需要在可观察的 map 运算符中使用另一个数组映射运算符。

function toQuestionsBase(sgforms: Observable<SgFormsBase[]>): Observable<QuestionBase[]> {
  return sgforms.pipe(map(
    sgforms => sgforms.map(sgform => new QuestionBase(sgform.id, sgform.survey))))
}

Answer 2

参数sgForms用SgFormsBase的数组解析。因此，您需要做的是分别发出每个值，将各个值映射到 QuestionBase 实例，然后将其压缩回一个数组。

function toQuestionsBase(sgforms: Observable<SgFormsBase[]>): Observable<QuestionBase[]> {
  return sgforms.pipe(
    mergeMap((sgs: SgFormsBase[]) => sgs),
    map((sgForm: SgFormsBase) => new QuestionBase(sgForm.id, sgForm.survey)), 
    toArray());
}