map関数でオブジェクトを扱う

apiから受け取ったレスポンスをmap関数を使って新たな配列として再生成しようとしたところ

〇〇.map is not a functionが起きてクラッシュしてしまいました。

これは、受け取ったレスポンスがオブジェクトだったので、mapで配列として扱えないことが

原因で起きました。

受け取ったオブジェクトをmapで扱えるようにするにはObject.entries()で配列に

加工する必要があります。

//stateの場合
this.setState({ array: Object.entries(result.body) });
//普通の変数の場合
var array = Object.entries(result.body);

mapでオブジェクトを使うならこれ!といった感じ。

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG