深く入れ子になったプロパティによるループ - 反応

Question

私は.mapにAPI（NASA API）から返されたデータを使っています。私が持っている問題は、深くネストされたプロパティ - here's an exampleである。

リアクトでネストされたnameとestimated_diameterの特性データを取得するための最良の方法は何ですか？すべてのデータは、軸を介してうまくいきます。

私はトラブルmap「ため、ネストされたオブジェクトと配列のデータを通じてINGのを持っている：状態に戻り、これをログアウト。

Answer 1

は、NASAのデータJSONは変数nasaDataに保存されていると仮定し、以下のコードは、すべての名前とestimated_diameter

var nearEarthObjects = nasaData['near_earth_objects']; 
for (var property in nearEarthObjects) { 
    if (nearEarthObjects.hasOwnProperty(property)) { 
     var data = nearEarthObjects[property]; 
     data.forEach(function(d){ 
      console.log(d['name']); 
      console.log(d['estimated_diameter']); 
     }); 
    } 
} 

PSを出力します：これはreactjsプロジェクトのためかもしれないが、それは本当にただのjavascriptだ

Answer 2

最初に日付をマップすることができます。

const { near_earth_objects } = nasaData; //assuming nasaData is the json object 

const dateKeys = Object.keys(near_earth_objects); 

const nameAndEstimatedDiameters = dateKeys.map((dateKey) => { 
    const dateData = near_earth_objects[dateKey]; 
    const { name, estimated_diameter } = dateData; 
    return { name, estimated_diameter }; 
}); 

//now nameAndEstimatedDiameters is an array of objects here 
//which you can map again