複雑な JavaScript オブジェクトを HTML5 ローカルおよびセッション ストレージに保存および取得するにはどうすればよいですか?

HTML5 のローカル ストレージとセッション ストレージのオブジェクトのストレージ

クエリ:

HTML5 の localStorage と sessionStorage により、オブジェクトの効率的なストレージが可能になります。 JavaScript のプリミティブ型と配列。ただし、複雑な JavaScript オブジェクトを保存しようとすると、誤って文字列に変換されてしまうようです。この動作の背後にある理由を理解し、考えられる回避策を検討することが重要です。

応答:

HTML5 Web ストレージ仕様によれば、ストレージ機能は主にキーを処理するように設計されています。 /value ペア。キーと値は両方とも文字列です。したがって、複雑なオブジェクトを直接保存することはできません。

回避策:

この制限を回避するには、オブジェクトを文字列に変換する簡単な回避策を採用できます。

<br>// オブジェクトをstring<br>localStorage.setItem('testObject', JSON.stringify(testObject));</p>
<p>// 保存されたオブジェクトを取得します<br>varretrievedObject = localStorage.getItem('testObject');<br> 

保存された値を取得するときに、それを変換して戻すことができます元のオブジェクトへ:

<br>// オブジェクトを再構築します<br>varconstructedObject = JSON.parse(retrievedObject);<br>

このアプローチにより、複雑なオブジェクトを効率的に保存および取得できます。

以上が複雑な JavaScript オブジェクトを HTML5 ローカルおよびセッション ストレージに保存および取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。