localStorage возвращает NULL

Question

Я столкнулся с проблемой, связанной с 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 возвращает ноль в моей консоли, когда я хочу получить конкретное значение.

Что я делаю не так?

Answer 1

Пример работы в реальном времени .

Вы должны проанализировать возвращенную строку в JSON, чтобы получить station вроде:

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

Answer 2

Это работает, просто скопируйте и вставьте в консоль

    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);

Answer 3

Вам необходимо получить данных из localStorage, используя те же key (defaultReportData), которые использовались во время хранения, а затем проанализировать строковые данные в объекте JSON

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