非文字列データを HTML5 LocalStorage/SessionStorage に保存するにはどうすればよいですか?

HTML5 LocalStorage/SessionStorage に非文字列を保存する方法

プリミティブ型や配列とは対照的に、JavaScript オブジェクトを HTML5 ストレージに直接保存する結果は文字列に変換されます。この制限は議論の対象となっており、開発者の間で混乱を引き起こしています。

HTML5 Web Storage 仕様によれば、setItem() メソッドはキーと値のペアが文字列であることを想定しています。この制限を克服するには、次の回避策を検討してください。

JSON シリアル化と逆シリアル化

オブジェクトを HTML5 ストレージに保存するには、JSON.stringify を使用してオブジェクトを JSON 文字列に変換します。 ()。取得時に、JSON.parse() を使用して JSON 文字列を解析してオブジェクトに戻します。

出力例:

前にオブジェクトをシリアル化することにより、ストレージに保存し、取得後に逆シリアル化することで、JavaScript オブジェクトを HTML5 ストレージに効果的に保存および取得できます。

以上が非文字列データを HTML5 LocalStorage/SessionStorage に保存するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。