Pourquoi n'y a-t-il pas de sortie lors de l'utilisation de RXJ pour traiter des éléments de flux? Comment utiliser correctement les opérateurs et en provenance des opérateurs?

RXJS Streaming: of l'utilisation correcte de from opérateur

Lorsque vous utilisez RXJS pour traiter les flux de données, il est crucial de sélectionner correctement les opérateurs. Cet article traite d'un problème de traitement de flux RXJS courant: lors de l'utilisation of opérateurs et from opérateurs à des éléments de réseaux de traitement, les résultats de sortie ne répondent pas aux attentes.

Description du problème:

Objectif: Filtrez les nombres uniformes d'un tableau contenant des nombres et multipliez les nombres pair par 2.

Code d'erreur:

 import {of} de 'rxjs';
import {map, filter} à partir de 'rxjs / opérateurs';

const e = de ([1, 2, 3, 4, 5]);
E.Pipe (
  filtre (élément => élément% 2 === 0),
  map (num => num * 2)
) .Subscribe (v => console.log (v));

Après avoir exécuté ce code, il n'y a pas de sortie. En effet, l' of émet le tableau entier [1, 2, 3, 4, 5] comme un seul élément au lieu de chaque élément du tableau séparément. Par conséquent, item reçu par filter et map est l'ensemble du tableau, ce qui entraîne le jugement conditionnel et les résultats de la multiplication ne répondant pas aux attentes.

Solution:

Afin d'émettre chaque élément du tableau séparément, l'opérateur from l'opérateur est requis. L'opérateur from peut convertir un objet itérable tel qu'un tableau, une chaîne et d'autres objets en un observable, qui émet chaque élément dans l'objet en séquence.

Code correct:

 import {de} de 'rxjs';
import {map, filter} à partir de 'rxjs / opérateurs';

const e = de ([1, 2, 3, 4, 5]);
E.Pipe (
  filtre (élément => élément% 2 === 0),
  map (num => num * 2)
) .Subscribe (v => console.log (v));

Dans ce code, from([1, 2, 3, 4, 5]) convertit le tableau en un observable, qui émet 1, 2, 3, 4, 5 à son tour. filter filtre les nombres 2 et 4, et map les multiplie par 2, et la sortie finale est de 4 et 8.

Grâce à cet exemple, nous pouvons clairement voir la différence entre of et from les opérateurs, et comment sélectionner l'opérateur correct pour obtenir les résultats attendus de traitement du flux. N'oubliez pas, of émettent une seule valeur et émet from chaque élément dans l'objet itérable.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!