localStorage JSONデータの格納とJSONデータの読み出し方法

1543 ワード

localStorageはHTML 5が提供する再クライアントがローカルストレージを実現する方法の一つであるが、localStorage方法は文字列データしか記憶できず、場合によってはオブジェクトをローカルに格納する必要がある:JSON;では、localStorageはどのようにしてJSONデータの格納と読み取りを実現するのでしょうか.
考え方:localStorageは文字列データしか格納できない以上、JSONオブジェクトを文字列に変換し、localStorageメソッドで格納することができます.これらのJSONデータが必要になったら、それを読み込んでからJSONオブジェクトに変換して利用します.
具体的なコードは以下の通りです.
1
2
3
4
5
6
7
8
9 var   jsonData = { 'name' ' ' 'age' : 29};  // JSON var   str_jsonData = JSON.stringify(jsonData); console.log( typeof (str_jsonData));  // string localStorage.setItem( 'localData' , str_jsonData);  // var   getLocalData = localStorage.getItem( 'localData' );  // console.log( typeof (getLocalData));  // string var   jsonObj = JSON.parse(getLocalData); console.log( typeof (jsonObj));  // obj console.log(jsonObj.age);  // 29
拡張:
stringify()は、1つのオブジェクトから文字列を解析するために使用されます.
parse()は、1つの文字列からjsonオブジェクトを解析するために使用されます.
https://www.cnblogs.com/webhome/p/6394228.html