RxJS Switch Map

100%

RxJS Switch Map

✓ Published0🌍 Public

Last edited Jun 28, 2017

Created on Jun 28, 2017

This example demonstrates the behavior of RxJS’s `switchMap` operator when combined with a custom sorter function that merges values from two observable streams. The code creates two observables emitting numbers (1,2,3 and 40,50,60) and passes them through `switchMap` with a `createSorter` callback that accumulates, sorts, and pops values from an internal list. Each emitted value is logged to the console, showing how `switchMap` switches between the source observables while the sorter maintains state across emissions. The gist uses RxJS’s `Observable.of` and `subscribe` methods.

AI-generated description

Similar vizzes

Loading thumbnail…

run promises sequentially or not using observables

This example demonstrates how to execute arrays of promises sequentially or in controlled batches using RxJS observables. It shows a stream of numeric values piped through operators like `map`, `defer`, and `mergeAll` with a concurrency limit of 1, ensuring each promise resolves before the next starts. A second variant uses `bufferCount(3)` to group the input into batches of three, still processing them one batch at a time. The `delay` helper creates promises that log their resolved values to the console, with a final `console.log('done')` indicating stream completion.

RRestuta

59% match

Loading thumbnail…

sortArrayByKey.js

This example demonstrates a reusable utility for sorting arrays of objects by nested properties, such as `letter` or `values.value2`. The function `sortArrayByKey` first maps each element to extract the target value via dot-notation path traversal, then sorts the mapped indices using a comparator that handles string and numeric comparisons, and finally returns the reordered original objects. It uses plain JavaScript array methods (`map`, `sort`) without external libraries, and the included example generates random test data with `Math.random` to show sorting across different key depths.

MMAKIO135

57% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates common JavaScript array operations, including sorting with custom comparators, mapping to objects, reducing to a total, and converting arrays to nested objects. It compares default lexicographic sorting with numeric ascending and descending sorts using both plain JavaScript and D3’s `ascending` function. The code logs sorted arrays, transformed objects, and reduced results to the console, showing how D3’s `ascending` handles key-based sorting for objects. The visualization is purely computational, with no DOM or graphical output, relying on D3 v7.8.2 for its comparator utilities.

Sserebryanaya.n@gmail.com

56% match

Loading thumbnail…

RxJS buffer function calls

This example demonstrates how RxJS can batch function calls into buffered groups using the `Subject` API. The code creates a `bufferTime` operator that collects invocations over 500 milliseconds, up to a maximum of three items, before emitting them as an array. A custom `batchify` helper subscribes to the buffered observable and logs each batch of arguments before passing them to the target function. The main loop asynchronously invokes the batched function with increasing numbers, then quickly fires three more calls to trigger a final buffered output.

RRestuta

56% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates fundamental JavaScript array operations, including mapping, reducing, and sorting, using a custom `range` function and a collection of key-value objects. The code logs a sorted version of the entries array to the console, ordering objects by their `key` property in ascending alphabetical order. It also includes commented-out examples of `map`, `reduce`, and object construction, showcasing how to transform data and aggregate values. The example relies on native JavaScript array methods and imports `ascending` from the D3 library (v7.8.5), though the primary operations use built-in functionality rather than D3-specific utilities.

Nnim@brejnholt.dk

56% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates common JavaScript array operations using plain code and D3’s `ascending` comparator. It shows how functions like `range`, `forEach`, `filter`, `map`, `reduce`, and `sort` transform arrays, including sorting numeric values correctly and grouping entries by key. No visual output is rendered; the code logs intermediate results to the console. The example uses the `d3` library’s `ascending` function for stable sorts, building a practical reference for array manipulation basics.

Kkathrynrbernard

55% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates JavaScript array manipulation techniques, including `forEach`, `filter`, `sort`, `map`, and `reduce`, using a generated range of numbers and an array of key-value objects. The code highlights sorting differences between default lexicographic ordering and numeric sorting with a comparator, as well as using the `ascending` helper from d3. It also shows how `reduce` can transform an array into an object or sum values. The visualization is a code-based teaching tool with no visual output, focusing on logged results in the console.

Ppawelsapiecha

55% match

Loading thumbnail…

JS Bin

This example demonstrates a live counter that updates every second, displaying the number of elapsed seconds in the browser and the console. It uses RxJS’s `Observable.timer` to emit sequential integers, which are mapped to formatted strings. The resulting data stream is subscribed to by two effects: a DOM effect that writes the text into a `#app` container, and a console effect that logs each message. The code separates the main data stream from its side effects, following a simple functional reactive programming pattern.

JJaxonDvl

55% match