Как правильно сохранить в localstorage?

Пользователь

от wilburn , в категории: JavaScript , 8 месяцев назад

Как правильно сохранить в localstorage?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от rebekah , 7 месяцев назад

@wilburn 

Для сохранения данных в LocalStorage в JavaScript вы можете использовать метод setItem(key, value) объекта localStorage. Например, чтобы сохранить значение value с ключом key, вы можете использовать следующий код:

1
localStorage.setItem('key', 'value');


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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
// Сохранение объекта
let obj = { name: 'John', age: 30 };
localStorage.setItem('user', JSON.stringify(obj));

// Сохранение массива
let arr = [1, 2, 3, 4, 5];
localStorage.setItem('numbers', JSON.stringify(arr));

// Сохранение числа
let num = 42;
localStorage.setItem('number', JSON.stringify(num));


Если вы хотите сохранить данные с типом данных, не являющимся строкой, вы должны преобразовать их в строку с помощью метода JSON.stringify().


Чтобы получить значение из LocalStorage, вы можете использовать метод getItem(key) объекта localStorage:

1
2
3
4
5
6
7
let value = localStorage.getItem('key');
console.log(value); // Выведет 'value' в консоль

// Если ваше значение было объектом или массивом, вы должны распарсить его обратно
let user = JSON.parse(localStorage.getItem('user'));
let numbers = JSON.parse(localStorage.getItem('numbers'));
let number = JSON.parse(localStorage.getItem('number'));


Помните, что данные, сохраненные в LocalStorage, остаются доступными даже после перезагрузки страницы или закрытия браузера.