ToArray Operator - RXJS

rxjs| Updated on November 21, 2024

In this tutorial, we will learn about the toArray() operator of RXJS.

ToArray() Operator

The ToArray operator Collects all source emissions and emits them as an array when the source completes.

This is basically Used to transform data.

Which used before subscribe using pipe

Example -1:

import { toArray} from "rxjs/operators";
-----------------
users = [
    { name: "Jigar", skill: "Angular" },
    { name: "Jig", skill: "Node" },
    { name: "Jir", skill: "CSS" },
  ];

const source = from(this.users);

source.pipe(toArray()).subscribe((res) => {
      console.log(res);
});

Output:
[
    { name: "Jigar", skill: "Angular" },
    { name: "Jig", skill: "Node" },
    { name: "Jir", skill: "CSS" },
];

Example -2:

 const source = of("Jigar", "Jiya", "Aman");

 source3.pipe(toArray()).subscribe((res) => {
      console.log(res);
 });

OutPut:
["Jigar", "Jiya", "Aman"]