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
拡張:
stringify()は、1つのオブジェクトから文字列を解析するために使用されます.
parse()は、1つの文字列からjsonオブジェクトを解析するために使用されます.
https://www.cnblogs.com/webhome/p/6394228.html
考え方: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