如何查看Storage项是否设置？

Question

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

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

Answer 1

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

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

因此，您可以：

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

查看此相关问题：

• 在 HTML5 localStorage 中存储对象

Answer 2

您可以使用 hasOwnProperty 方法来检查此

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

功能在当前版本的 Chrome(Mac)、Firefox(Mac) 和 Safari 中是否有效。

Answer 3

如果密钥不在存储中，最短的方法是使用默认值：

var sValue = localStorage['my.token'] || ''; /* for strings */
var iValue = localStorage['my.token'] || 0; /* for integers */

Answer 4

有几种方法可以检查，我在这里添加它们

方法 1

if("infiniteScrollEnabled" in localStorage){
     console.log("Item exists in localstorage");
}else{
    console.log("Item does not exist in localstoarge";
}

方法 2

if(localStorage.getItem("infiniteScrollEnabled") === null){
    console.log("Item does not exist in localstoarge";
}else{
   console.log("Item exists in localstorage");
}

方法 3

if(typeof localStorage["cart"] === "undefined"){
    console.log("Item does not exist in localstoarge";
}else{
   console.log("Item exists in localstorage");
}

方法 4

if(localStorage.hasOwnProperty("infiniteScrollEnabled")){
     console.log("Item exists in localstorage");
 }else{
    console.log("Item does not exist in localstoarge";
 }

Answer 5

if(!localStorage.hash) localStorage.hash = "thinkdj";

或

var secret =  localStorage.hash || 42;

---

更新：

let scrollEnabled = localStorage?.scrollEnabled??true;

Answer 6

可以尝试这样的事情：

 let x = localStorage.getItem('infiniteScrollEnabled') === null ? "not found" : localStorage.getItem('infiniteScrollEnabled')

Answer 7

如果您想检查是否未定义，也可以尝试此操作：

if (localStorage.user === undefined) {
    localStorage.user = "username";
}

getItem 是一种如果未找到值则返回 null 的方法。

Answer 8

对于True

localStorage.infiniteScrollEnabled = 1;

或 False

localStorage.removeItem("infiniteScrollEnabled")

检查是否存在

if (localStorage[""infiniteScrollEnabled""]) {
  //CODE IF ENABLED
}

Answer 9

如何测试 localStorage 中是否存在一项？
此方法适用于 Internet Explorer。

<script>
    try{
        localStorage.getItem("username");
    }catch(e){
        alert("we are in catch "+e.print);
    }
</script>

Answer 10

我建议的最好、最安全的方法是这样，

if(Object.prototype.hasOwnProperty.call(localStorage, 'infiniteScrollEnabled')){
    // init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}

它通过 ESLint 的 no-prototype -builtins 规则。

Answer 11

您应该检查 localStorage 中项目的类型

if(localStorage.token !== null) {
   // this will only work if the token is set in the localStorage
}

if(typeof localStorage.token !== 'undefined') {
  // do something with token
}

if(typeof localStorage.token === 'undefined') {
  // token doesn't exist in the localStorage, maybe set it?
}

Answer 12

我已经在我的项目中使用过并且非常适合我

var returnObjName= JSON.parse(localStorage.getItem('ObjName'));
if(returnObjName && Object.keys(returnObjName).length > 0){
   //Exist data in local storage
}else{
  //Non Exist data block
}

Answer 13

我参加这个聚会迟到了，但是使用 localDataStorage，我创建的一个方便的实用程序包装器。

使用类似的方法实例化包装器后，

myLDS = localDataStorage( 'segmentedStorageHere' );

设置键

myLDS.set( 'infiniteScrollEnabled', true );

您可以以简单的方式 。请注意，此示例实际上将一个布尔值传递给存储，可以在存储中检索该值

let scrollingState = myLDS.get( 'infiniteScrollEnabled' );

，并且滚动状态将包含返回的布尔值。包装器无缝地为您跟踪本机 JavaScript 数据类型（数组、布尔值、日期、数字、对象等），代码中不再需要进行 JSON 字符串化/解析。

现在，当我们需要知道密钥是否在存储中时，我们可以像这样检查它。

if( myLDS.haskey( 'infiniteScrollEnabled' ) ) {
    console.log( "It's been set!" ); 
} else {
    console.log( "The key is not set." ); 
}

您还可以检查特定值是否存在。例如

myLDS.set( 'myNumber', 1234.5678 );
console.log( myLDS.hasval( 1234.5678 ) );    --> true

Answer 14

正如 @Christian C. Salvadó 上面提到的，你可以这样做
if (xxx === null){}

但 null 也是一个假值，如下所示：

if (null){
console.log ("hello");
}

它不会打印“hello”。

Answer 15

localStorage['root2']=null;

localStorage.getItem("root2") === null //false

也许最好扫描一下计划？

localStorage['root1']=187;
187
'root1' in localStorage
true

Answer 16

我总是通过检查 localStorage 或 sessionStorage 的长度来检查它们是否已设置

if (sessionStorage.length > 0) {
  console.log("exists")
} else {
  console.log("not exists")
}

Answer 17

该代码

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

对我不起作用。也许是因为自从提供这个答案以来事情已经发生了变化。今天，2023 年，以下命令对我有用：

if (!localStorage.getItem("infiniteScrollEnabled")) {

请注意，这实际上是 MDN Web 文档中推荐的方法，网址为 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#testing_whether_your_storage_has_been_populated.

Answer 18

试试这个代码

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

} else {

}