使用 localStorage.getItem 获取键的第一个元素

Question

我正在使用 localStorage.getItem 从本地存储读取访问者的国家/地区 我直接从 Google CMP 阅读此信息。

console.log("Country code: " + localStorage.getItem('vpb-location'));
var countrycodeckeck = localStorage.getItem('vpb-location');

if (
    countrycodeckeck !== "PH" && //philippines
    countrycodeckeck !== "TH" //thailand
) {

问题是现在 Google 将密钥从 vpb-location 更改为 vpbg，现在包含更多信息。

示例：

var countrycodeckeck = localStorage.vpbg;
console.log(countrycodeckeck);

{“国家代码”：“PL”，“isEU”：true，“ts”：1641125302501}

您能告诉我如何修改我们的代码来检查本地存储中存储的“countryCode”吗？

Answer 1

存储密钥中的数据被编码为 JSON。要访问信息，您需要使用 JSON.parse() 将 JSON 解码为可用的 JavaScript。

// Get the data from the storage.
const vpbg = localStorage.getItem('vpbg');

// Only proceed of there is actually data.
if (vpbg !== null) {
  // Parse the JSON to an object.
  const data = JSON.parse(vpbg);
  
  // data is now an object with properties that you can access.
  const countryCodeCheck = data.countryCode;

  if (
    countryCodeCheck !== "PH" && //philippines
    countryCodeCheck !== "TH" //thailand
  ) {
    // Do something if it checks out.
  }
}

Answer 2

Object.entries(localStorage)[0][0]

Answer 3

您还可以在其后附加一个点来访问这些属性：

localStorage.vpbg.countryCode