Warum gibt es keine Ausgabe, wenn RXJs verwendet werden, um Stream -Elemente zu verarbeiten? Wie kann man und von den Betreibern richtig benutzt?

RXJS -Streaming: of der korrekten Verwendung from Operator

Bei der Verwendung von RXJs zur Verarbeitung von Datenströmen ist es entscheidend, Operatoren ordnungsgemäß auszuwählen. In diesem Artikel wird ein gemeinsames Problem der RXJS -Stream -Verarbeitung erörtert: Wenn of und from Operatoren verwendet werden, um Array -Elemente zu verarbeiten, entsprechen die Ausgabeergebnisse nicht die Erwartungen.

Problembeschreibung:

Ziel: Filtern Sie auch Zahlen aus einem Array mit Zahlen heraus und multiplizieren Sie die gleichmäßigen Zahlen mit 2.

Fehlercode:

 import {von} aus 'rxjs';
import {map, filter} aus 'rxjs/operatoren';

const e = von ([1, 2, 3, 4, 5]);
E.Pipe (
  filter (item => item % 2 === 0),
  Karte (num => num * 2)
) .Subscribe (v => console.log (v));

Nach dem Ausführen dieses Codes gibt es keine Ausgabe. Dies liegt daran, dass of Operator das gesamte Array [1, 2, 3, 4, 5] als einzelnes Element anstelle jedes Elements im Array separat emittiert. Daher ist der vom filter und map erhaltene item das gesamte Array, was zu dem bedingten Urteils- und Multiplikationsergebnis führt, die nicht die Erwartungen erfüllen.

Lösung:

Um jedes Element im Array getrennt zu emittieren, ist der from Bediener erforderlich. Der from Operator kann ein iterables Objekt wie ein Array, eine Zeichenfolge und andere Objekte in ein beobachtbares Umwandlung umwandeln, das jedes Element in der Sequenz in das Objekt emittiert.

Richtiger Code:

 import {von} aus 'rxjs';
import {map, filter} aus 'rxjs/operatoren';

const e = aus ([1, 2, 3, 4, 5]);
E.Pipe (
  filter (item => item % 2 === 0),
  Karte (num => num * 2)
) .Subscribe (v => console.log (v));

In diesem Code konvertiert from([1, 2, 3, 4, 5]) das Array in ein beobachtbares, das wiederum 1, 2, 3, 4, 5 abgibt. filter filtert auch die Nummern 2 und 4, und map multipliziert sie mit 2 und die endgültige Ausgabe beträgt 4 und 8.

In diesem Beispiel können wir den Unterschied of und from den Operatoren bei der Verarbeitung von Arrays deutlich erkennen und die Auswahl des richtigen Operators, um die erwarteten Ergebnisse der Stream -Verarbeitung zu erzielen. Denken Sie of , einen einzelnen Wert zu emittieren und jedes Element im iterablen Objekt from .

Das obige ist der detaillierte Inhalt vonWarum gibt es keine Ausgabe, wenn RXJs verwendet werden, um Stream -Elemente zu verarbeiten? Wie kann man und von den Betreibern richtig benutzt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!