データの取得・セット・削除

Storage

データを取り出す

JSON.parse(localStorage.getItem('取得したデータのキー名')) || [];

キーに何も入っていない時を考慮します。

データのセット

localStorage.setItem('セットしたいデータのキー名', '任意の文字列');

データの削除

localStorage.removeItem('削除したいデータのキー名'); // 一部のデータを削除
localStorage.clear(); // 全てのデータを削除

JSON.stringify()

ローカルストレージにセットしたいデータが文字列型以外（オブジェクトや配列など）の場合は、

JSON.stringifyする必要があります。

const data = {
    name: 'michael',
    age: 20,
}

const jsonString = JSON.stringify(data);
localStorage.setItem('key', jsonString);

BACK