浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【javascript】文字列で返ってきた配列をJSON.parse()を使って復元する

以下のようなlocalStorageでgetItemして文字列で返ってきた値があるとします。

</pre>
var family = "families":"[
{\"id\":1,\"name\":\"asaba\",\"birthday\":\"1991-09-10\",\"relation\":{\"id\":2,\"name\":\"男\"}}
]",
this.setState({family: family})
<pre>

これをそのままthis.state.families.map

をするとUncaught TypeError: this.state.data.map is not a functionで

エラーが返ってきます。

取り出した文字列を配列と同じように使うにはJSON.parse()を使って元の配列の形に

復元します。

 

</pre>
var new_family = JSON.parse(family);

this.setState({family: new_family})

this.state.families.map
<pre>

 

これでmap関数に組み込むことができます。

  • この記事いいね! (0)