なぜobservablesで.map（）関数をチェーン化できないのですか

Question

get要求のコールバックに.map（）関数を連結できない理由を理解するのが難しいです。

const random = max => Math.floor((Math.random() * max) + 1); 
this._http.get('https://unsplash.it/list') 
    .map(response => response.json()) 
    .map(metaImages => metaImages.url_post) 
    .subscribe(urls => { 
     this.imgSrc = urls[random(urls.length)]; 
    }); 

だから私はこの

const random = max => Math.floor((Math.random() * max) + 1); 
this._http.get('https://unsplash.it/list') 
    .map(response => response.json()) 
    .subscribe(metaImages => { 
     const urls = metaImages.map(url => url.post_url); 
     this.imgSrc = urls[random(urls.length)]; 
    }); 

のようにそれを打破しかし、なぜまさに、これはありますか？助けてくれてありがとう。

Answer 1

観測可能なエミッションストリームをマッピングするオブザーバブルと、配列の要素をマッピングする配列のマッピングを混同しないように注意してください。あなたのケースでは、サブスクライブする前に観測レベルでマッピングしたい場合、観測マップは放出の配列マッピングを行う必要があります。

const random = max => Math.floor((Math.random() * max) + 1); 
this._http.get('https://unsplash.it/list') 
    .map(response => response.json()) 

    .map(metaImages => metaImages.map(url => url.post_url)) 
    ^^^ MAP EMITTED ARRAY  ^^^ MAP ELTS IN EMITTED ARRAY 

    .subscribe(urls => this.imgSrc = urls[random(urls.length)]);