ホームページ >ウェブフロントエンド >フロントエンドQ&A >localstorage には何が保存されますか?

localstorage には何が保存されますか?

百草
百草オリジナル
2023-12-14 14:15:221502ブラウズ

LocalStorage は、文字列、数値、ブール値、オブジェクト、配列など、複数のタイプのデータを保存できます。 LocalStorage は、ユーザーの複数のブラウザ セッションにわたって持続するデータをユーザーのブラウザに保存できる Web ストレージ メカニズムです。 LocalStorage は Cookie に比べて保存容量が大きく、有効期限も長いため、大量のデータや長期データの保存に適しています。

localstorage には何が保存されますか?

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

LocalStorage は、文字列、数値、ブール値、オブジェクト、配列など、複数の種類のデータを保存できます。 これは、LocalStorage のストレージ メカニズムは JavaScript String タイプに基づいていますが、他のタイプのデータもいくつかの技術やメソッドを使用して保存できるためです。

LocalStorage は、ユーザーのブラウザにデータを保存し、ユーザーの複数のブラウザ セッションにわたって保持できるようにする Web ストレージ メカニズムです。 LocalStorage は Cookie に比べて保存容量が大きく、有効期限も長いため、大量のデータや長期データの保存に適しています。

LocalStorage では、setItem() メソッドを使用してデータをキーと値のペアに保存し、getItem() メソッドを使用して保存されたデータを取得し、removeItem() メソッドを使用してデータを削除し、 clear() メソッドを使用して、保存されているすべてのデータをクリアします。これらのメソッドは、JavaScript Storage インターフェイスに基づいて実装されます。

LocalStorage のデータはキーと値のペアの形式で保存されることに注意してください。各キーと値のペアには一意のキー名と対応する値があります。キーの名前と値は両方とも文字列型ですが、他の種類のデータもいくつかのトリックや方法で保存できます。たとえば、JSON.stringify() メソッドを使用してオブジェクトまたは配列を保存用の文字列に変換し、次に JSON.parse() メソッドを使用してその文字列を読み取り用のオブジェクトまたは配列に変換できます。

さらに、LocalStorage 内のデータは永続的であり、ブラウザを閉じたりコンピュータを再起動したりしても失われることはありません。ただし、LocalStorage はブラウザベースのストレージ メカニズムであるため、ブラウザの制限やセキュリティ ポリシーの影響を受ける可能性があることに注意してください。たとえば、一部のブラウザでは、LocalStorage ストレージ スペースが制限されたり、暗号化されたりする場合があります。

Cookie と LocalStorage は次の点で異なります:

1. ストレージ サイズ: 単一の Cookie の最大ストレージ容量は 4k です。4k より大きい場合、ストレージは失敗し、対応するファイルがブラウザで見つかりません。Cookie 情報。LocalStorage の最大ストレージ容量は 5m です。この最大値を超えると、ブラウザはエラーを表示します。

2. 有効期間: Cookie はデフォルトでセッション レベルのストレージ (タブ ページと共存) であり、有効期限を設定できます; LocalStorage は、アクティブにクリアされない限り永続的なストレージです。

3. 操作性: Cookie はデータを保存するだけでなく、その操作と設定のための他の多くの属性も持っています。たとえば、ドメインとパスが一緒になって Cookie の範囲を決定します。Secure が true に設定されている場合、 Cookie は https プロトコルを使用してのみサーバーに送信でき、LocalStorage はデータのみを保存します。

4. 移植性: Cookie はリクエスト時に送信されますが、LocalStorage は送信されません。同一オリジンのCookie情報がリクエストヘッダの一部としてサーバに自動送信されるため、設定しすぎると通信負荷が増加します。 LocalStorage にはこの問題はなく、常にブラウザ側に存在します。

つまり、LocalStorage は、ユーザーのブラウザにさまざまな種類のデータを保存するのに役立つ非常に便利な Web ストレージ メカニズムであり、これらのデータはユーザーの複数のブラウザ セッション間で保存できます。ただし、LocalStorage はブラウザベースのストレージ メカニズムであるため、ブラウザの制限やセキュリティ ポリシーの影響を受ける可能性があることに注意してください。したがって、LocalStorage を使用する場合は、その適合性とセキュリティを慎重に考慮する必要があります。

以上がlocalstorage には何が保存されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。