RxJS toArray() Utility Operator

by Online Tutorials Library July 22, 2022

RxJS toArray() Utility Operator

RxJS toArray() operator is a utility operator used to collect all the values emitted by the source observable and emits them as an array when the source completes.

In other words, we can say that the RxJS toArray() operator returns all values inside an array as an output when the source completes.

Syntax:

Following is the syntax of the RxJS toArray() utility operator:

Parameter Explanation

It doesn’t use any parameter that we have to explain.

Return value

The RxJS toArray() operator returns an observable that gives the values from the source observable as an array in the form of output when the source is completed.

Let us see an example of the RxJS toArray() operator to understand it clearly.

Example 1 (Get values emitted when source is completed)

  import { of} from ‘rxjs’;  import { toArray } from ‘rxjs/operators’;  let list1 = of(1, 2, 3, 4, 5, 6, 7, 8, 9, 10);  let final_val = list1.pipe(toArray());  final_val.subscribe(x => console.log(x));  

Output:

After executing the above example, you will see the following result:

Example 2 (Get values emitted by interval as an array when interval is completed)

  import { interval } from ‘rxjs’;  import { toArray, take } from ‘rxjs/operators’;  const source = interval(100);  const example = source.pipe(    take(10),    toArray()  );  const subscribe = example.subscribe(val => console.log(val));  

Output:

After executing the above example, you will see the following result:

Next TopicRxJS Operators

RxJS toArray() Utility Operator

RxJS toArray() Utility Operator

Syntax:

Parameter Explanation

Return value

Example 1 (Get values emitted when source is completed)

Example 2 (Get values emitted by interval as an array when interval is completed)

Verbal Reasoning | Syllogism 4

Container

You may also like