如何查看是否设置了Storage item？

Question

如何检查是否在 localStorage 中设置了项目？目前我正在使用

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

原文由 Jiew Meng 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

WebStorage 规范中的 getItem 方法，如果项目不存在，则显式返回 null ：

…如果给定的键在与对象关联的列表中不存在，则此方法必须返回 null。 …

这样你就可以：

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

请参阅此相关问题：

• 在 HTML5 localStorage 中存储对象

原文由 Christian C. Salvadó 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用 hasOwnProperty 方法来检查这个

> localStorage.setItem('foo', 123)
undefined
> localStorage.hasOwnProperty('foo')
true
> localStorage.hasOwnProperty('bar')
false

适用于当前版本的 Chrome(Mac)、Firefox(Mac) 和 Safari。

原文由 Stephan Hoyer 发布，翻译遵循 CC BY-SA 3.0 许可协议