配列内のオブジェクト内のオブジェクトを反復処理する方法

Question

私はfirebaseからプルダウンし、3つのオブジェクトが内部にオブジェクトを含む配列のペイロードを与えられました。

これは私が私の数ヶ月の配列をCONSOLE.LOGときに何が起こるかです：

は、次のスクリーンショットを考えてみましょう。

どのように私はオブジェクト内から必要な情報をログアウトするためにこれを繰り返しますか？

たとえば、私は月の内側と内側のp1、p2が必要です。

私は

this.state.months.map()を行うには、次にmonth.monthをログに記録しようとしたが、それはundefinedを返します。

任意のアイデア？

Answer 1

どのようにfor-inループを使用してforループ内のループには？

for (var i = 0, l = this.state.months.length; i < l; i++) { 
    var obj = this.state.months[i]; 
    for (var key in obj) { 
    //check if obj owns the property and not some prototype 
    if (obj.hasOwnProperty(key)) { 
     console.log(obj[key].p1); //what do we do with p1? 
     console.log(obj[key].p2); //what do we do with p2? 
    } 
    } 
} 

Answer 2

このようにしてみ

jList = this.state.months 
jList.map(jList=>(jList.month+ ", "+ jList.p1 + ", " + jList.p2)) 

出力 -配列

["some-Monthname, p1-someval, p2-someval", ... ] 

Answer 3

になりますちょうどあなたが提供するスクリーンショットに基づいて、あなたが含まれているオブジェクトの配列を持っています月オブジェクト。その配列をループして、月とその情報の配列にマップすることができます。それは、より管理しやすい月を扱うことになります。

var months = this.state.months.forEach(function(item) { 
    return { month: item.month, p1: item.p1, p2: item.p2 }; 
}); 

あなたは月とそのデータにアクセスします。

console.log('Month is ', months[0].month, '. p1 object data is ', months[0].p1 '. and p2 object data is ', months[0].p2);