ブラウザのコンソールからウェブストレージの値を変更するサンプルコード

更新日：2025/3/13/(木) 12:38

タグ：JavaScript、フロントエンド

概要

ブラウザのコンソールからウェブストレージの値を変更する用のサンプルコードのメモです。

セッションストレージ

• 新規追加

  const data = {sample: "hoge"}
  sessionStorage.setItem('sample_key', JSON.stringify(data))

• 変更

  const data = JSON.parse(sessionStorage.getItem("sample_key"))
  data.sample = "foo"
  sessionStorage.setItem("sample_key", JSON.stringify(data))

ローカルストレージ

• 新規追加

  const data = {sample_key: "hoge"}
  localStorage.setItem('sample_key', JSON.stringify(data))

• 変更

  const data = JSON.parse(localStorage.getItem('sample_key'))
  data.sample = "foo"
  localStorage.setItem('sample_key', JSON.stringify(data))