ブラウザのローカルストレージ localStorage、sessionStorage

ローカルストレージ (localStorage)

保管所

セットアイテム

//键和值都是字符串
localStorage.setItem("stringKey","StringVal");
//即使存数字，也会转字符串
localStorage.setItem("num",666);
//存对象，默认调用objec的toString方法，无意义，可转化为json后再存储
const personObj = {
    
    
    name:"张三",
    age:18
}
localStorage.setItem("personObj",JSON.stringify(personObj));

ブラウザのローカル ストレージ スペース:
F12 観察

入手

getItem

var val;
val = localStorage.getItem("stringKey");
console.log("stringKey",val);
val = localStorage.getItem("num");
console.log("num",val);
val = localStorage.getItem("personObj");
console.log("personObj",val);
val = localStorage.getItem("不存在的key");
console.log("不存在的key",val);

存在しないキーを取得した場合、結果は null になることに注意してください。

1 つ削除する

localStorage.removeItem("stringKey");

すべてクリア

localStorage.clear();

セッションストレージ (sessionStorage)

呼び出しメソッドは localStorage とまったく同じで、上記のコードの localStorage を sessionStorage に置き換えるだけです。

ブラウザを閉じると自動的にクリアされます

要約する