jsブラウザストレージwebStorage

jsブラウザストレージwebStorage

ブラウザーは、Window.sessionStorage プロパティと Window.localStorage プロパティを通じてローカル ストレージ メカニズムを実装します。

関連API:
sessionStorageとlocalStorageのAPIは同じです

1. xxxxxStorage.setItem('key','value');
   このメソッドはキーと値をパラメータとして受け取り、キーと値のペアをストレージに追加します。キー名が存在する場合は、対応する値を更新します。
2. xxxxxStorage.getItem('key');
   このメソッドはキー名をパラメータとして受け取り、キー名に対応する値を返します。
3. xxxxxStorage.removeItem('key');
   このメソッドはキー名をパラメータとして受け取り、ストレージからキー名を削除します。
4. xxxxxStorage.clear();
   このメソッドはストレージ内のすべてのデータをクリアします

let p = {
    
    name:'张三',age:18}

function saveData(){
    
    
	localStorage.setItem('msg','hello');
	localStorage.setItem('msg2',666);  //666存储后为字符串
	localStorage.setItem('person',JSON.stringify(p));
}

function readData(){
    
    
	console.log(localStorage.getItem('msg'));
	const result = localStorage.getItem('person');
	console.log(JSON.parse(result));
}

function deleteData(){
    
    
	localStorage.removeItem('msg2');
}

function deleteAllData(){
    
    
	localStorage.clear();
}

• sessionStorage に保存されているコンテンツは、ブラウザ ウィンドウを閉じると消えます
• localStorage に保存されているコンテンツは、消える前に手動でクリアする必要があります
• xxxxxStorage.getItem(xxx)、xxxに対応する値が取得できない場合、getItemの戻り値はnullになります
• JSON.parse(null) の結果は依然として null です