Benchmark: Rxjs several pipes vs one 100k without array function chaining

HTML Preparation code:

<script src='https://unpkg.com/rxjs@6.5.5/bundles/rxjs.umd.min.js'></script>

Script Preparation code:

var rawdata = Array.from(Array(100000).keys()) // 10k numbers 1,2,3,4,5...

Tests:

RxJS one pipe
let { from, Observable } = rxjs; let { flatMap, map, tap, toArray } = rxjs.operators; const data$ = from(rawdata) .pipe( map(values => { const finalValues = new Map(); values = values.map(value => value * 2); values = values.filter(value => value % 3 === 0); values.forEach(value => finalValues.set(value.toString(), value)); return finalValues; }) ) let data; data$.subscribe(d => data = d);
Several pipes
let { from, Observable } = rxjs; let { flatMap, map, tap, toArray } = rxjs.operators; const data$ = from(rawdata) .pipe( map(values => values.map(value => value * 2)), map(values => values.filter(value => value % 3 === 0)), map(values => { const finalValues = new Map(); values.forEach(value => finalValues.set(value.toString(), value)); return finalValues; }) ) let data; data$.subscribe(d => data = d);

Rendered benchmark preparation results:

Previous results

Test case name	Result
RxJS one pipe
Several pipes

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

This benchmark does not have any results yet. Be the first one to run it!

Rxjs several pipes vs one 100k without array function chaining (version: 0)