ローカル ストレージ アイテムの存在の確認

Web ストレージを使用する場合、特定のアイテムにアクセスしたり変更したりする前に、そのアイテムの存在を確認することが重要です。この場合、特定の項目が localStorage に設定されているかどうかを確認したいと考えています。

現在のアプローチ

項目の存在を確認する現在の方法は次のようになります。

if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) {
    // init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}

改善されたアプローチ

ただし、項目の存在を確認するための簡素化され、より効率的な方法は、getItem メソッドの null 戻り値を利用することです。 WebStorage 仕様によれば、項目がストレージに存在しない場合、getItem は明示的に null を返します。

したがって、次のコードを使用して項目の存在を確認できます。

if (localStorage.getItem("infiniteScrollEnabled") === null) {
  //...
}

追加リソース

このトピックの詳細については、次のリソースが役立ちます:

• [HTML5 ローカルストレージへのオブジェクトの保存](関連するリンクへのリンク)リソース）