Угловые 2 & RxJS: карта массива с помощью Rx Наблюдаемого

Question

У меня есть массив чисел, как это: [1, 2, 3], а также HTTP-сервис, который имеет функцию для загрузки объекта данных по номеру, как это:

function get(id: number): Observable<object> 

Как сопоставить мой первоначальный массив чисел с массивом объектов, сохраняющих порядок элементов?

Answer 1

Благодаря @martin я нашел это решение:

const myPromise = val => new Promise(resolve => setTimeout(() => resolve(`Promise Resolved: ${val}`), 
                  Math.round(Math.random() * 1000 + 1000))) 
const queue = Rx.Observable.of([1,2,3,4,5]); 
const result = queue 
    .mergeMap(q => Rx.Observable.forkJoin(...q.map(myPromise))); 
const subscribeTwo = result.subscribe(val => console.log(val)); 

Answer 2

Оператор concatMap.

const Observable = Rx.Observable; 

function mockHttpRequest(i) { 
    return Observable.of(i).delay(500); 
} 

Observable.from([1, 2, 3]) 
    .concatMap(i => mockHttpRequest(i)) 
    .subscribe(data => console.log(data)); 

Это моделирует несколько HTTP-запросов, где каждый из них задерживается на 500 мс. Оператор concatMap() гарантирует, что Наблюдатели будут в порядке.

Смотреть демо: https://jsbin.com/subuxo/edit?js,console