Mengapa tidak ada output apabila menggunakan RXJS untuk memproses elemen aliran? Bagaimana menggunakan dan dari pengendali dengan betul?

Streaming rxjs: of yang betul from pengendali

Apabila menggunakan RXJS untuk memproses aliran data, adalah penting untuk memilih pengendali dengan betul. Artikel ini membincangkan masalah pemprosesan aliran RXJS yang biasa: Apabila of dan from pengendali untuk memproses elemen array, hasil output tidak memenuhi jangkaan.

Penerangan Masalah:

Matlamat: Tapis nombor dari array yang mengandungi nombor dan kalikan nombor walaupun dengan 2.

Kod Ralat:

 import {of} dari 'rxjs';
import {peta, penapis} dari 'rxjs/operator';

const e = of ([1, 2, 3, 4, 5]);
e.pipe (
  penapis (item => item % 2 === 0),
  peta (num => num * 2)
) .subscribe (v => console.log (v));

Selepas menjalankan kod ini, tiada output. Ini kerana of memancarkan keseluruhan array [1, 2, 3, 4, 5] sebagai elemen tunggal dan bukannya setiap elemen dalam array secara berasingan. Oleh itu, item yang diterima oleh filter dan pengendali map adalah keseluruhan array, mengakibatkan keputusan penghakiman dan pendaraban bersyarat tidak memenuhi jangkaan.

Penyelesaian:

Untuk memancarkan setiap elemen dalam array secara berasingan, pengendali from diperlukan. Operator from boleh menukar objek yang boleh dimakan seperti array, rentetan, dan objek lain ke dalam yang dapat dilihat, yang memancarkan setiap elemen dalam objek dalam urutan.

Kod yang betul:

 import {dari} dari 'rxjs';
import {peta, penapis} dari 'rxjs/operator';

const e = dari ([1, 2, 3, 4, 5]);
e.pipe (
  penapis (item => item % 2 === 0),
  peta (num => num * 2)
) .subscribe (v => console.log (v));

Dalam kod ini, from([1, 2, 3, 4, 5]) menukarkan array menjadi yang dapat dilihat, yang memancarkan 1, 2, 3, 4, 5 sebaliknya. Pengendali filter menapis walaupun nombor 2 dan 4, dan pengendali map mengalikannya dengan 2, dan output akhir adalah 4 dan 8.

Melalui contoh ini, kita dapat melihat dengan jelas perbezaan of dan from pengendali apabila memproses tatasusunan, dan bagaimana untuk memilih pengendali yang betul untuk mencapai hasil pemprosesan aliran yang diharapkan. Ingatlah, of satu nilai, dan from memancarkan setiap elemen dalam objek yang boleh dimakan.

Atas ialah kandungan terperinci Mengapa tidak ada output apabila menggunakan RXJS untuk memproses elemen aliran? Bagaimana menggunakan dan dari pengendali dengan betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!