【JavaScript】ローカルストレージ/セッションストレージにデータを追加・取得・削除する方法

// ローカルストレージ
localStorage.setItem(key, value);
localStorage.key = value;
localStorage[key] = value;

// セッションストレージ
sessionStorage.setItem(key, value);
sessionStorage.key = value;
sessionStorage[key] = value;

// ローカルストレージ
localStorage.setItem("food", "ramen");

// セッションストレージ
sessionStorage.setItem("food", "sushi");

// ローカルストレージ
localStorage.getItem(key);
localStorage.key;
localStorage[key];

// セッションストレージ
sessionStorage.getItem(key);
sessionStorage.key;
sessionStorage[key];

// ローカルストレージ
console.log(localStorage.getItem("food")); // => ramen

// セッションストレージ
console.log(sessionStorage.getItem("food")); // => sushi

// ローカルストレージ
localStorage.removeItem(key);
delete localStorage.key;
delete localStorage[key];

// セッションストレージ
sessionStorage.removeItem(key);
delete sessionStorage.key;
delete sessionStorage[key];

// ローカルストレージ
localStorage.removeItem("food");

// セッションストレージ
sessionStorage.removeItem("food");

// ローカルストレージ
localStorage.clear();

// セッションストレージ
sessionStorage.clear();