2

Итак, навоял я функцию, которая должна сохранять данные массива в localStorage (важный момент: данные в массиве представляют из себя классы):

// если в localStorage нет данных с ключом 'SAVEDECK', записываем туда наши данные с указанным ключом, в противном случае, сначала удаляем ранее сохраненные данные с этим ключом, а уже затем записываем туда новые данные
function SaveMyDeck(arr1) {
  
  if (localStorage.getItem('SAVEDECK') === null) {
    localStorage.setItem('SAVEDECK', JSON.stringify(arr1)); // запись
  } else {
    localStorage.removeItem('SAVEDECK'); // удаление
    localStorage.setItem('SAVEDECK', JSON.stringify(arr1)); // запись
  }
  console.log('Колода сохранена');
  console.log(arr1);
};

И вроде все работает, так как данные потом загружаются из localStorage:

// если localStorage содержит данные с ключом "SAVEDECK" - загружаем их в переменную SAVEDECK (которая должна быть типа массив)
if (localStorage.getItem("SAVEDECK")!= null) {
  console.log('Данные загружены');
  SAVEDECK = JSON.parse(localStorage.getItem("SAVEDECK")); // чтение из localStorage и запись данных в переменную SAVEDECK
  console.log(SAVEDECK);
}; 

Вот только есть одна проблема: в консоли сохраненный и загруженный массив отображаются по разному:

Вот то, что сохраняется:

введите сюда описание изображения

А вот то, что загружается:

введите сюда описание изображения

Как я понимаю, загружается уже не массив классов, а просто массив массивов. Итак вопрос: как мне это исправить? Чтобы конечный результат, был таким же, как и начальный.

2
  • в localStorage можно сохранять только сериализуемые данные Commented 7 янв. 2022 в 16:00
  • Хорошо, а как мне сохранить результат по другому, чтобы он не обнулялся каждый раз после обновления или закрытия/открытия страницы? Commented 7 янв. 2022 в 17:16

1 ответ 1

1
JSON.parse(localStorage.getItem('SAVEDECK'))

if (localStorage.getItem("SAVEDECK")!= null) {
  console.log('Данные загружены');
  SAVEDECK = JSON.parse(localStorage.getItem("SAVEDECK")).map((cardData) => {
    const { suits, attak, attaktipe, accuracy, health, defence, speed, dexterity } = cardData;  
    return new Cards(suits, attak, attaktipe, accuracy, health, defence, speed, dexterity);
  });
}; 
1
  • 1
    Спасибо, решение идеально подходит для решения поставленной задачи. Commented 9 янв. 2022 в 13:21

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.