По умолчанию localStorage или sessionStorage позволяет хранить только строковые пары ключ / значение. Но вы также можете хранить объекты JavaScript в веб-хранилище с помощью небольшой хитрости.

Чтобы сохранить объекты, сначала сделайте их строковыми с помощью метода JSON.stringify(), а затем распарсите с помощью JSON.parse(), когда вам понадобится его использовать, как показано в следующем примере:

<script>
var personObject = { name: "Peter", age: 18, married: false };
    
// Преобразуем объект в строку JSON и сохраним его в хранилище
localStorage.setItem("personObject", JSON.stringify(personObject));
    
// Получаем строку JSON
var jsonString = localStorage.getItem("personObject");
    
// Парсим строку JSON обратно в объект JS
var retrievedObject = JSON.parse(jsonString);
console.log(retrievedObject);
    
// Доступ к отдельным значениям
console.log(retrievedObject.name); // Печатаем: Peter
console.log(retrievedObject.age); // Печатаем: 18
console.log(retrievedObject.married); // Печатаем: false
</script>

Подробнее см. Руководство по веб-хранилищу HTML5, чтобы узнать больше о локальном хранилище и хранилище сеансов.

Читайте также

Похожие посты

How to increase and decrease image size using JavaScript

Answer: Use the JavaScript width и height property You can use either width or height JavaScript property to proportionally increase и decrease the dimension of an image like zoom-in и zoom-out feature. Let’s take a look at the following example to understи how it basically works: Пример <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»utf-8″> <title>JavaScript…

Как сделать паузу при выполнении скрипта в JavaScript

Вы можете просто использовать метод setTimeout(), чтобы сделать паузу, прежде чем продолжить выполнение кода в JavaScript. Время задержки выполнения скрипта указывается в миллисекундах (тысячных долях секунды). Давайте посмотрим следующий пример, чтобы понять, как это работает: Как вы заметили в предыдущем примере, JS-код после метода setTimeout() продолжает выполнение. Однако, если вам нужен настоящий «сон», когда все…

Как перебрать массив в JavaScript

Самый простой способ перебрать массив в JavaScript — использовать цикл for. В следующем примере показано, как вывести все значения массива в JavaScript по очереди. В качестве альтернативы вы можете использовать недавно представленный цикл for-of в ES6 для итерации по массиву, например: См. Руководство по ES6-функциям JavaScript, чтобы узнать о новых функциях, представленных в ES6.

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.