🌟

【JS】localStorageでの保存、取得、削除

2023/03/15に公開

localStorage内に本日の値を取得する際にlocalStorageって何、、? となったので
いちから調べてみました。

localStorageとは?

  • Javascriptでブラウザにデータを記録する仕組み
  • 削除する記述を書かなければデータは永続保存されるみたい
  • ちなみにcookieはサーバーにデータ保存、localStorageはブラウザにデータ保存
  • ブラウザを閉じても入力情報を保持してくれるのが魅力的(ログイン状態保持とか)

localStorageに値を取得

取得はgetItemで行います。

localStorage.getItem("キーを指定", "値を指定"

localStorageに値を保存

保存はsetItemで行います。

localStorage.setItem("キーを指定")

localStorageの値を削除

値を削除
removeItemで指定したキーのデータを削除

localStorage.removeItem ("キーを指定")

clearで全てのデータを削除

localStorage.clear()

最後に

未経験で入社してもうすぐ半年ですがまだまだ基本的なことがわかっていないと日々痛感します。
これからも記事を書き続けていきたいです、読んでいただきありがとうございました!!

Discussion