localstorageの使い方 保存・取得・削除

html5から導入されたlocalStorage（ローカルストレージ）の使い方を説明していきたいと思います。

localStorageとは

ブラウザにデータを保有する機能。似たものとしては、cookieが上げられます。

メリット

ローカルストレージを使う最も大きなメリットはデータベースとの連携が必要ないということです。

ユーザーの情報を記録しておきたいけど、ログイン機能を付けるほどではない時などに役に立ちます。

注意点

セキュリテイー面では脆弱なため、機密性の高い情報を扱うこことは避け、機密性の低い情報の一時的な保存などに使用するのがいいと思います。

使い方

保存

localStorageへのデータ保存は、localStorage.setItem()を使います。

localStorage.setItem('キー', '値');

取得

データの取得はlocalStorage.getItem()を使います。

localStorage.getItem('キー');

削除

データの削除はlocalStorage.removeItem()を使います。

localStorage.removeItem('キー');

初期化

データの初期化はlocalStorage.clear()を使います。

localStorage.clear()