RXJ를 사용하여 스트림 요소를 처리 할 때 출력이없는 이유는 무엇입니까? 운영자를 올바르게 사용하는 방법?

RXJS 스트리밍 : 연산자 from 올바른 of

RXJ를 사용하여 데이터 스트림을 처리 할 때는 연산자를 올바르게 선택하는 것이 중요합니다. 이 기사에서는 일반적인 RXJS 스트림 처리 문제에 대해 설명합니다. of from 사용하여 배열 요소를 처리 할 때 출력 결과는 기대치를 충족하지 않습니다.

문제 설명 :

목표 : 숫자가 포함 된 배열에서 짝수를 걸러 내고 짝수 숫자에 2를 곱하십시오.

오류 코드 :

 'rxjs'에서 {of} 가져 오기;
'rxjs/운영자'에서 {map, 필터} 가져 오기;

const e = of ([1, 2, 3, 4, 5];
e.pipe (
  필터 (항목 => 항목 % 2 === 0),
  지도 (num => num * 2)
) .subscribe (v => console.log (v));

이 코드를 실행 한 후에는 출력이 없습니다. 이는 of 가 배열의 각 요소 대신 단일 요소로 전체 배열 [1, 2, 3, 4, 5] 분리하기 때문입니다. 따라서 filter 및 map 연산자가 수신 한 item 전체 배열이므로 조건부 판단 및 곱셈 결과가 기대치를 충족시키지 못합니다.

해결책:

배열에서 각 요소를 별도로 방출하려면 from 필요합니다. from Operator는 배열, 문자열 및 기타 객체와 같은 반복 가능한 객체를 관찰 가능한 상태로 변환 할 수 있으며, 이는 객체의 각 요소를 순서대로 방출합니다.

올바른 코드 :

 'rxjs'에서 {from} 가져 오기;
'rxjs/운영자'에서 {map, 필터} 가져 오기;

const e =에서 ([1, 2, 3, 4, 5]);
e.pipe (
  필터 (항목 => 항목 % 2 === 0),
  지도 (num => num * 2)
) .subscribe (v => console.log (v));

이 코드에서, from([1, 2, 3, 4, 5]) 은 배열을 관찰 가능한 것으로 변환하여 1, 2, 3, 4, 5를 차례로 방출합니다. filter 연산자는 숫자 2와 4 짝수를 필터링하고 map 연산자는 2를 곱하고 최종 출력은 4와 8입니다.

이 예를 통해 배열을 처리 할 때 of 와 from 차이점과 예상되는 스트림 처리 결과를 달성하기 위해 올바른 연산자를 선택하는 방법을 명확하게 볼 수 있습니다. 단일 값을 방출 of 반복 가능한 물체의 각 요소를 방출 from .

위 내용은 RXJ를 사용하여 스트림 요소를 처리 할 때 출력이없는 이유는 무엇입니까? 운영자를 올바르게 사용하는 방법?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!