确定本地存储项目是否存在

使用 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 中存储对象]（相关链接资源）