確定本地儲存專案是否存在

使用 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 localStorage 中存儲對象] （相關連結資源）