from

signature: 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));

관련된 사용법

• HTTP Polling

• Lockscreen

• Memory Game

• Progress Bar

추가 자료

• from 📰 - 공식 문서
• Creation operators: from, fromArray, fromPromise 📹 💵 - André Staltz

📂 Source Code: https://github.com/ReactiveX/rxjs/blob/master/src/internal/observable/from.ts