我如何检查一个项目是否设置在localStorage?目前我正在使用
if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) {
// init variable/set default variable for item
localStorage.setItem("infiniteScrollEnabled", true);
}
当前回答
我总是通过检查localStorage或sessionStorage的长度来检查它们是否被设置
if (sessionStorage.length > 0) {
console.log("exists")
} else {
console.log("not exists")
}
其他回答
我能建议的最好最安全的方法就是，
if(Object.prototype.hasOwnProperty.call(localStorage, 'infiniteScrollEnabled')){
// init variable/set default variable for item
localStorage.setItem("infiniteScrollEnabled", true);
}
这将通过ESLint的no-prototype-builtins规则。
如何测试localStorage中存在的项? 此方法适用于Internet explorer。
<script>
try{
localStorage.getItem("username");
}catch(e){
alert("we are in catch "+e.print);
}
</script>
为真正的
localStorage.infiniteScrollEnabled = 1;
因为假
localStorage.removeItem("infiniteScrollEnabled")
检查存在
if (localStorage[""infiniteScrollEnabled""]) {
//CODE IF ENABLED
}
正如@Christian C. Salvadó上面提到的，你可以做到 If (xxx === null){}
但是null也是一个假值，就像这样:
if (null){
console.log ("hello");
}
它不打印“hello”。
WebStorage规范中的getItem方法，如果项不存在，则显式返回null:
．.． 如果给定的键在与该对象关联的列表中不存在，则该方法必须返回null. ...
所以，你可以:
if (localStorage.getItem("infiniteScrollEnabled") === null) {
//...
}
请看这个相关问题:
在HTML5 localStorage中存储对象
