javascript - jQuery + localStorage - JSON 值检查 true 或 false

Question

我们正在本地存储中存储一个值，其键名为 - cookiesettings。该值将采用 JSON 格式，如下所示。

{
   "enabled":true,
   "element1":{
      "enabled":true
   },
   "element2":{
      "enabled":true
   },
   "element3":{
      "enabled":false
   }
}

不确定如何提取并检查 element3 是否启用 true/false。如果为 true，我们需要显示 div。否则，隐藏 div。

尝试使用

localStorage.getItem('cookiesetting');
localStorage.getItem('cookiesetting.element3.enabled');

但是出现未定义的错误。尝试使用:

JSON.parse(localStorage.getItem('cookiesetting'));

仍然无法找到解决方案来检查 element3 - Enabled - True 或 False。

Answer 1

查看此文档，其中说明键和值必须是字符串。

https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem

因此您必须将其存储为对象的字符串化版本。

localStorage.setItem('cookiesetting', JSON.stringify({
  "enabled":true,
  "element1":{
    "enabled":true
  },
  "element2":{
    "enabled":true
  },
  "element3":{
    "enabled":false
  }
}))

您可以通过以下方式获取该元素:

JSON.parse(localStorage.getItem('cookiesetting'))
JSON.parse(localStorage.getItem('cookiesetting')).element3.enabled

如果您有任何疑问，请告诉我。