Observable函数返回一个chunked数组

时间:2016-07-19 05:29:07

标签: javascript rxjs rxjs5

我有一个返回Observable<[number, Array<DataItem>]>之类的函数。是否可以使用一些Observable函数编写一些返回Observable<[number, Array<PageWithDataItems>]的函数,给定函数chunk(根据页面大小调整DataItem数组)和一个创建带有分块DataItem数组的PageWithDataItems的简单构造函数。 我所拥有的是一些订阅Observable<[number, Array<DataItem>]>的代码,然后创建一个新的Observable,但我希望可以对map, mapTo, switchMap或类似的方法做同样的事情。我在所有的Observable函数中都有点迷失,所以有什么帮助吗?

1 个答案:

答案 0 :(得分:1)

我不完全确定你在这里要做什么,但我试了一下:

// stream would be your data... just random chunks of numbers as an example here.
const stream = Rx.Observable.range(0, 480).bufferWithCount(100).select(d => [Math.random() * 100, d]);

class DataChunk<T> {
    constructor(public data: Array<T>) { }
}

const pageSize = 10;

stream
    // I do not understand what the 'number' in your [number, Array<DataItem>]
    // represents. But it is the 'someNumber' item here.. 
    .map(d => ({someNumber: <number>d[0], data: <number[]>d[1]}))
    .map(d => ({
        someNumber: d.someNumber,
        pages: Ix.Enumerable
            .fromArray(d.data)
            .select((item, idx) => ({ pageNr : idx % pageSize, item: item }))
            .groupBy(i => i.pageNr)
            .select(pageItems => new DataChunk(pageItems.select(i => i.item).toArray()))
            .toArray() 
    }))
    .subscribe(dataInfo => {
        // here each dataInfo sent down the stream will have been split up in to chunks
        // of pageSize
        log('Data recieved: ');
        log('  someNumber: ' + dataInfo.someNumber);
        log('  page count: ' + dataInfo.pages.length);
    });

jsfiddle上的工作示例。

我使用IxJS进行分块。它与RxJS的工作方式类似,但是对集合(例如数组)进行操作,而不是像RxJS那样对evens进行操作。我希望这很接近你想要的,你的问题并不完全清楚。