HTML5 LocalStorage:检查密钥是否存在

Question

为什么这不起作用？

if(typeof(localStorage.getItem("username"))=='undefined'){
    alert('no');
};

目标是将用户从索引页面重定向到登录页面(如果尚未记录).这里localStorage.getItem("username"))没有定义变量.

这是一个ios phonegap应用程序.

Answer 1

引用规范:

getItem(key)方法必须返回与给定键关联的当前值.如果与对象关联的列表中不存在给定键,则此方法必须返回null.

你应该实际检查null.

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

Answer 2

这个方法对我有用:

if ("username" in localStorage) {
    alert('yes');
} else {
    alert('no');
}

Answer 3

更新:

if (localStorage.hasOwnProperty("username")) {
    //
}

另一种方式,当值不是空字符串,null或任何其他虚假值时相关:

if (localStorage["username"]) {
    //
}

Answer 4

该MDN文档显示了如何将getItem方法implementated:

Object.defineProperty(oStorage, "getItem", {
      value: function (sKey) { return sKey ? this[sKey] : null; },
      writable: false,
      configurable: false,
      enumerable: false
    });

如果未设置该值,则返回null.您正在测试是否存在undefined.检查是否null相反.

if(localStorage.getItem("username") === null){