localstorageとは



定義
ウィンドウインターフェイスのLocalStorage読み取り専用プロパティを使用すると、ドキュメントの原点のストレージオブジェクトにアクセスできます.保存されたデータをブラウザのセッション間で保存されます.
LocalStorageはSessionStorageに似ていますが、localStorageデータに期限がない間、SessionStorageデータはページセッション終了時、つまりページが閉じられたときにクリアされます.

localStorage data for a document loaded in a "private browsing" or "incognito" session is cleared when the last "private" tab is closed.



2 .データ形式
LocalStorageで保存されるキーと値は常にUTF - 16 DOMString形式であります.オブジェクトと同様に、整数キーは自動的に文字列に変換されます.

3 .例
// Setting and item: key: value
localStorage.setItem('myCat', 'Tom');

// Reading an item
const cat = localStorage.getItem('myCat');

// Remove an item
localStorage.removeItem('myCat');

// Clear all items
localStorage.clear();

降格例
オブジェクトまたは日付を設定するには、localStorageは文字列形式のみを格納するので、文字列に変換する必要があります
let userList = [{name: "David"}, {name: "Kevin"}]
let date = new Date()

// Setting
localStorage.setItem("userList", JSON.stringify(userList))
localStorage.setItem("date", date.toString())

// Reading
userList = JSON.parse(localStorage.getItem("userList"))
date = new Date(localStorage.getItem("date"))



リンク集
  • Mozilla Docs