LocalStorageとSessionStorage、クッキーの比較とJSONオブジェクトタイプへの変換

LocalStorageとSessionStorage、クッキーの対比
HTML 5のWeb Storageには、sessionStorageとlocalStorageの2つのストレージ方式が含まれています.
sessionStorageとlocalStorageの違い:

sessionStorageライフサイクルは、現在のウィンドウまたはラベル・ページです.ウィンドウまたはラベル・ページが永続的に閉じられると、sessionStorageによって格納されているすべてのデータが空になります.したがって、sessionStorageは永続的なローカル・ストレージではなく、セッション・レベルの別のストレージにすぎません.

localStorageライフサイクルは永続的です.つまり、ブラウザが提供するUIにユーザーが表示してlocalStorage情報を消去しない限り、これらの情報は永遠に存在します.

では、localStorageまたはsessionStorageの情報を異なるブラウザで共有できないことに注意してください.同じブラウザの異なるページ間で同じlocalStorage(ページは同じドメイン名とポートに属する)を共有できますが、異なるページまたはラベルページ間ではsessionStorageの情報を共有できません.ここで注意しなければならないのは、ページおよびラベルページは、トップレベルのウィンドウのみを指し、1つのラベルページに複数のiframeラベルが含まれ、同源ページに属している場合、sessionStorageを共有することができます.

参考ブログ:https://blog.csdn.net/kerryqpw/article/details/71439104
sessionStorageとクッキーの違い:

localStorageはクッキーの4 K制限

を拡張した.

localStorageでは、最初に要求されたデータをローカルに直接保存できます.これは、5 Mサイズのフロントエンドページ向けのデータベースに相当し、クッキーよりも帯域幅を節約できますが、これは高バージョンのブラウザでのみサポートされている

です.
localStorageの限界

1、ブラウザのサイズが統一されておらず、IE 8以上のIEバージョンではlocalStorageという属性がサポートされています2、現在のすべてのブラウザではlocalStorageの値タイプをstringタイプに限定しています.これは私たちが日常的によく見ているJSONオブジェクトタイプにいくつかの変換が必要です3、localStorageはブラウザのプライバシーモードの下では読めません4、localStorageは本質的に文字列の読み取りであり、記憶内容が多いとメモリスペースが消費され、ページがカード5に変化し、localStorageが爬虫類に捕まえられない

となる.
拡張:CookieとSessionメカニズム
参考資料:https://www.cnblogs.com/andy-zhou/p/5360107.html
 
LocalStorageによるJSONオブジェクトタイプの変換
JSONをStringに変換し、localStorage(コードはAngularベースのIonic)に保存します.

 // JSON   string   localStorage
    this.strPick = JSON.stringify(this.pick)
    localStorage.setItem('pick', this.strPick)

localStorageを受信した場所でStringをJSONに再変換

    //   localStorage    
    this.receiveUser = localStorage.getItem('pick');
    //        
    this.users = JSON.parse(this.receiveUser);