RxJS испускает элементы массива с течением времени?
Я пытаюсь испускать простые значения массива один за другим с интервалом 500 мс между:
var a = Rx.Observable.from([1,2,3]);
a.interval(500).subscribe(function(b) { console.log(b); });
Однако это вызывает исключение:
Uncaught TypeError: a.interval is not a function.
Ответы
Ответ 1
Как уже указывалось xgrommx, interval
не является членом экземпляра наблюдаемого, а скорее статического члена Rx.Observable
.
Rx.Observable.fromArray([1,2,3]).zip(
Rx.Observable.interval(500), function(a, b) { return a; })
.subscribe(
function(x) { document.write(x + '<br \>'); },
null,
function() { document.write("complete"); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/2.5.2/rx.all.min.js"></script>
Ответ 2
Вот как я это сделаю:
var fruits = ['apple', 'orange', 'banana', 'apple'];
var observable = Rx.Observable.interval(1000).take(fruits.length).map(t => fruits[t]);
observable.subscribe(t => {
console.log(t);
document.body.appendChild(document.createTextNode(t + ', '));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/2.5.2/rx.all.min.js"></script>
Ответ 3
var arrayList = [1,2,3,4,5];
var source = Rx.Observable
.interval(500/* ms */)
.timeInterval()
.take(arrayList.length);
source.subscribe(function(idx){
console.log(arrayList[idx]);
//or document.write or whatever needed
});
Ответ 4
Довольно поздно, но более простым решением будет:
const arr = ["Hi,", "how", "may", "I", "help", "you?"];
Rx.Observable.interval(500)
.takeWhile(_ => _ < arr.length)
.map(_ => arr[_])
.subscribe(_ => console.log(_))
Ответ 5
Я считаю, что техника Weichhold является лучшей, но что она будет иметь ясность намерения путем извлечения zip-значения вне zip:
// assume some input stream of values:
var inputs = Obs.of(1.2, 2.3, 3.4, 4.5, 5.6, 6.7, 7.8);
// emit each value from stream at a given interval:
var events = Obs.zip(inputs, Obs.interval(1000))
.map(val => val[0])
.forEach(console.log);
Ответ 6
Экземпляр Rx.Observable не имеет метода interval
http://xgrommx.github.io/rx-book/content/core_objects/observable/observable_instance_methods/index.html. Вы можете использовать это.
Rx.Observable.interval(500)
.map(function(v) { return [1,2,3];})
.subscribe(console.log.bind(console));