LocalStorageへの読み出し

このレッスンでは前回のレッスンで localStorageに保存した メモのデータを 読み出す方法について解説致します まずはダウンロードして来たこちらの read_from_localstrage と言うフォルダの中に入っている こちらのjsフォルダの中の app.jsファイルと index.jsファイルを エディタで開いてください そしてこれが それらのファイルを開いた状態です これらのファイルを使って　今回のレッスンの 解説を進めて行きたいと思います それでは早速レッスンを始めて行きましょう まずは前回のレッスンのおさらいです 前回のレッスンでは こちらのjavaスクリプトの こちらの部分で memo　という名前の localStorageに memoData 要するに　すべてのmemoDataが 格納されている配列の変数ですね こちらをJSON形式に保存して localStorageに 保存する所までを行いました 今回はこの保存した データを読み出す方法について 実際にどのように実装するかを 見て行きたいと思います それでは このjavaスクリプトのファイルの中で その実装を行っている箇所はと言うと こちらの部分 となります それでは順番に見て行きましょう まず初めに こちらの部分 をコメントアウトしている事に 注目してください これまでのレッスンでは ここに仮のデータ　を 作成して　そしてこの 変数memoDataに配列 として格納していましたが 今回は　この仮のデータ を無くしてしまって 実際にメモ帳アプリの中で登録された データを扱うようにして行きます そしてまずはこちらの部分 ですね　こちらの部分で 変数の　memoData　に こちら localStorage.getItem 括弧　括弧閉じる　そしてその括弧の中には memo と書いて localStorage の memo と言う名前のついたデータを 取得してくるように設定しています ただ　こちらのデータは 文字列として保存されている物を 引き出してきただけですので それを　こちらの JSON.parse と書いてあげる事によって 本来の配列とオブジェクトの 構造に戻してあげます そしてその構造に戻した物を　この 変数memoData に格納してあげる訳ですね そして 次のこちらの3行…