ネストされた不変のマッププロパティにアクセス

Question

私はImmutable.jsを学習しています。私はと呼ばれることにオブジェクトを持っている：

myObj.get('people')

は、次の値を返します。

[ 
    { 
    "name": "John Stevenson", 
    "country": "Sweden" 
    }, 
    { 
    "name": "John Silva", 
    "country": "Colombia" 
    }, 
    { 
    "name": "John Van der Bier", 
    "country": "Holland" 
    }, 
    { 
    "name": "John McDonald", 
    "country": "Scotland" 
    } 
] 

私は私だけcountryを見ることができるように、このオブジェクトの内部で取得しようとしている：

myObj.getIn(['people', 'country']) // undefined

私は何が欠けていますか？

Answer 1

getIn(['people', 'country'])の結果はpeopleのcountryプロパティにアクセスしようとしています。これは配列であり、countryという名前のプロパティはありません。それは人の上にループしたいように思えるし、あなたがmapで行うことができます彼らの国の配列を、構築：

var countries = myObj.get('people').map(person => { 
    return person.country 
}) 

Answer 2

前の回答は配列を返します。 ` しかし、あなたの中にあなたが本当に不変を使用することを望んでいる場合は、オブジェクトは、この ` {：：{国somecountry '}人}のように形成された場合、あなたが記述アクセサは次のようになり

import { fromJS } from 'Immutable'; 
const immutableObj = fromJS(myObj); 

//map() or forEach() here 
var countries = immutableObj.map(person => { 
    return person.get('country'); 
})