ローカル ストレージ アイテムの存在を効率的に判断するにはどうすればよいですか?

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

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

現在のアプローチ

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

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

改善されたアプローチ

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

したがって、次のコードを使用してアイテムの存在を確認できます。

<code class="javascript">if (localStorage.getItem("infiniteScrollEnabled") === null) {
  //...
}</code>

追加リソース

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

• [HTML5 localStorage へのオブジェクトの保存](関連リソースへのリンク)

以上がローカル ストレージ アイテムの存在を効率的に判断するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。