sessionStorageに保存できるもの

sessionStorage は、文字列、数値、ブール値、オブジェクトなど、さまざまなタイプのデータを保存できます。SessionStorage は、ブラウザ セッション中にデータを保存およびアクセスするために HTML5 によって提供される Web ストレージ メカニズムです。localStorage と同様、sessionStorageこれもキーと値のペアのストレージに基づいています。 sessionStorage のストレージ容量は制限されており、ブラウザの実装によって異なりますが、通常は 5MB 以上です。

このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。

sessionStorage は、ブラウザ セッション中にデータを保存およびアクセスするために HTML5 によって提供される Web ストレージ メカニズムです。 localStorage と同様に、sessionStorage もキーと値のペアのストレージに基づいています。 sessionStorage を通じて、次のようなさまざまなタイプのデータを保存できます:

1. 文字列データ: sessionStorage は、ユーザーの名前、住所、電話番号待機などの文字列タイプのデータを保存できます。キーと値のペアを使用してこれらの文字列データを sessionStorage に保存し、必要に応じてアクセスして更新できます。

例:

sessionStorage.setItem('name', 'John');
sessionStorage.setItem('address', '123 Main Street');

2. 数値データ: sessionStorage は、ユーザーの年齢、注文数量、評価などの数値データも保存できます。これらの数値データは、キーと値のペアを使用して sessionStorage に保存し、必要に応じてアクセスして更新できます。

例:

sessionStorage.setItem('age', 25);
sessionStorage.setItem('orderCount', 10);

3. ブール型データ: sessionStorage は、ユーザーのログイン ステータス、スイッチ ステータスなどのブール型データを保存できます。これらのブール データは、キーと値のペアを使用して sessionStorage に保存し、必要に応じてアクセスして更新できます。

例:

sessionStorage.setItem('loggedIn', true);
sessionStorage.setItem('isSwitchOn', false);

4. オブジェクト データ: sessionStorage は JavaScript オブジェクトも保存できます。 JSON.stringify メソッドを使用してオブジェクトを文字列に変換し、sessionStorage に保存できます。必要に応じて、JSON.parse メソッドを使用して、保存された文字列をオブジェクトに変換して戻すことができます。

例:

var user = { name: 'John', age: 25 };
sessionStorage.setItem('user', JSON.stringify(user));
// 从sessionStorage中获取对象
var storedUser = JSON.parse(sessionStorage.getItem('user'));

sessionStorage に保存されるデータは文字列の形式で保存されることに注意してください。したがって、複雑なデータ型を保存する必要がある場合は、それを文字列に変換し、必要に応じて解析および変換する必要があります。

さらに、sessionStorage のストレージ容量は制限されており、ブラウザの実装によって異なりますが、通常は 5MB 以上です。容量制限を超えるデータを保存しようとすると、ストレージ障害または切り捨てが発生する可能性があります。したがって、sessionStorage を使用してデータを保存する場合は、データ量を合理的に制御し、過剰なデータを保存しないようにすることをお勧めします。

要約すると、sessionStorage は文字列、数値、ブール値、オブジェクトなどのさまざまなタイプのデータを保存できます。キーと値のペアを使用してこのデータを sessionStorage に保存し、必要に応じてアクセスして更新できます。 sessionStorage のストレージ容量は限られているため、使用する場合はデータ量を合理的に制御する必要があることに注意してください。

以上がsessionStorageに保存できるものの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。