html - localStorage キー値が存在しない場合

Question

localStorage キー値がない場合、div を非表示にしようとしています。

以下の行では、localStorage キーが完全に削除されたときに div を非表示にすることしかできませんでしたが、localStorageキーに [] だけの値がない場合は同じことを行う必要があります。

 window.localStorage.getItem('items') === null

それはどのように実行されますか？

Answer 1

簡単にどうですか：

if (!localStorage.nameOfYourLocalStorage) {
    // do the following if the localStorage.nameOfYourLocalStorage does not exist
}

それがどのように役立つかの例：

if (!localStorage.nameOfYourLocalStorage) {
    localStorage.nameOfYourLocalStorage = defaultValue;
}

ここで、スクリプトは localStorage 名が存在しないかどうかを確認し、存在しない場合はデフォルト値で作成します。

また、存在するときに動作させたい場合は、if ブロックの後にelseを追加して続行するか、' ! ' if ブロック条件から。

Answer 2

Storage.prototype.has = function(key) {
  return (key in this && !(key in Storage.prototype));
};