Storageブラウザの保存領域にデータを格納するためのオブジェクト
保存と取得
- データは同期的に保存される。
localStorage.setItem('key', 'value'); //保存
const result = localStorage.getItem('key'); //取得
console.log(result)
//json形式で保存
const obj = {"a": 1, "b":2};
const json = JSON.stringify(obj)
localStorage.setItem('json', json)
const json_result = localStorage.getItem('json')
console.log(json_result)
>>> {"a":1,"b":2}
データの確認
ブラウザの検証ツールからapplication > localstrageでkey,valueで保存されている。
その他メソッドは、__proto__
に格納されているので随時確認してみる。