from
signature: from(ish: ObservableInput, mapFn: function, thisArg: any, scheduler: Scheduler): Observable
from(ish: ObservableInput, mapFn: function, thisArg: any, scheduler: Scheduler): Observable
배열, 프로미스, 이터러블을 옵저버블로 바꾼다.
💡 이 연산자는 프로미스를 옵저버블로 바꿀때 사용될 수 있습니다!
💡 배열과 이터러블의 경우, 포함된 모든 값들이 순차적으로 내보내집니다!
💡 이 연산자는 또한 문자열을 순서대로 내보내는 데 사용될 수 있습니다!
예시
예시 1: 배열에서의 옵저버블
( StackBlitz | jsBin | jsFiddle )
// RxJS v6+
import { from } from 'rxjs';
//연속된 값으로 배열을 내보낸다
const arraySource = from([1, 2, 3, 4, 5]);
//결과: 1,2,3,4,5
const subscribe = arraySource.subscribe(val => console.log(val));
예시 2: 프로미스에서의 옵저버블
( StackBlitz | jsBin | jsFiddle )
// RxJS v6+
import { from } from 'rxjs';
//프로미스의 결과값을 내보낸다
const promiseSource = from(new Promise(resolve => resolve('Hello World!')));
//결과: 'Hello World'
const subscribe = promiseSource.subscribe(val => console.log(val));
예시 3: 콜렉션에서의 옵저버블
( StackBlitz | jsBin | jsFiddle )
// RxJS v6+
import { from } from 'rxjs';
const map = new Map();
map.set(1, 'Hi');
map.set(2, 'Bye');
const mapSource = from(map);
//결과: [1, 'Hi'], [2, 'Bye']
const subscribe = mapSource.subscribe(val => console.log(val));
예시 4: 문자열에서의 옵저버블
( StackBlitz | jsBin | jsFiddle )
// RxJS v6+
import { from } from 'rxjs';
//문자열을 순서대로 내보낸다
const source = from('Hello World');
//결과: 'H','e','l','l','o',' ','W','o','r','l','d'
const subscribe = source.subscribe(val => console.log(val));
관련된 사용법
추가 자료
from 📰 - 공식 문서
Creation operators: from, fromArray, fromPromise 📹 💵 - André Staltz
📂 Source Code: https://github.com/ReactiveX/rxjs/blob/master/src/internal/observable/from.ts
Last updated
Was this helpful?