ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript でローカル ストレージ項目の設定を効果的に確認するにはどうすればよいですか?

JavaScript でローカル ストレージ項目の設定を効果的に確認するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-19 17:15:30642ブラウズ

How to Effectively Check for Set Local Storage Items in JavaScript?

設定されたローカル ストレージ アイテムの確認

JavaScript でローカル ストレージを操作する場合、アイテムが設定されているかどうかを確認できることが不可欠です。これを行うには、localStorage.getItem() メソッドを利用できます。

一般的なアプローチの 1 つは、

<code class="javascript">if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) {
  // Initialize or set default value
}</code>

のような条件ステートメントを使用することです。ただし、このアプローチは依存関係があるため理想的ではありません。

代わりに、 getItem() メソッドは、存在を確認するためのより明示的な方法を提供します。 WebStorage 仕様によれば、項目が設定されていない場合、getItem() は null を返します:

If the given key does not exist in the list associated with the object then this method must return null.

したがって、項目が設定されているかどうかを確認する推奨方法は次のとおりです:

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

この方法により、アイテムが明示的に真か偽の値に設定されていない場合でも、アイテムがローカル ストレージに存在するかどうかを正確に判断できます。

以上がJavaScript でローカル ストレージ項目の設定を効果的に確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。