本地存储返回 NULL答案

【问题标题】：localStorage returns NULL本地存储返回 NULL
【发布时间】：2019-02-05 05:20:37
【问题描述】：

我偶然发现了一个关于 localStorage 的问题。我的代码如下所示：

var defaultReportData = {
  'station': 'DR P3',
  'days': 'Mon, Tue, Wed, Thur, Fri',
  'startHour': '06:00',
  'endHour': '18:00',
  'demography': 'Cover: All'
}

localStorage.setItem('defaultReportData', JSON.stringify(defaultReportData));

// Returns null
console.log(localStorage.getItem('station'));

每当我在加载页面后在控制台中输入“localStorage”时，对象就会正确输出。但是，当我想要获取特定值时，localStorage 输出在我的控制台中返回 null。

我做错了什么？

【问题讨论】：

console.log(JSON.parse(localStorage.getItem('defaultReportData')).station);
您使用的存储名称与设置不同。

标签： javascript json local-storage

【解决方案1】：

它有效，只需复制并粘贴到您的控制台

    var defaultReportData = {
      'station': 'DR P3',
      'days': 'Mon, Tue, Wed, Thur, Fri',
      'startHour': '06:00',
      'endHour': '18:00',
      'demography': 'Cover: All'
    }

    window.localStorage.setItem('defaultReportData', JSON.stringify(defaultReportData));

    // Returns null

    var itemPref = window.localStorage.getItem('defaultReportData')

    var resultObject = JSON.parse(itemPref);

    console.log(resultObject.station);

【讨论】：

【解决方案2】：

您必须使用与存储时相同的 key(defaultReportData) 从 localStorage 中检索数据，然后将字符串数据解析为 JSON 对象

var data=JSON.parse(localStorage.getItem('defaultReportData'));
console.log(data.station);

【讨论】：

【解决方案3】：

Working Live example.

您必须将返回的字符串解析为 JSON 以获取 station 之类的：

var defaultReportData = JSON.parse(localStorage.getItem('defaultReportData'));
console.log( defaultReportData.station );

【讨论】：

我认为对问题的更好解释是使用存储时使用的相同密钥