Какие знаешь способы хранения данных в браузере через JavaScript

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

1. LocalStorage – хранит данные без срока действия, пока пользователь не очистит их.

   js

   Копировать

   localStorage.setItem('key', 'value');
   const value = localStorage.getItem('key');

2. SessionStorage – аналогичен localStorage, но очищается после закрытия вкладки.

   js

   Копировать

   sessionStorage.setItem('key', 'value');

3. Cookies – небольшие строки данных, отправляемые серверу с каждым запросом.

   js

   Копировать

   document.cookie = 'key=value; expires=Fri, 31 Dec 2025 23:59:59 GMT';

4. IndexedDB – NoSQL база данных для сложных структур.

   js

   Копировать

   const request = indexedDB.open('myDB', 1);
   request.onsuccess = (e) => { /* работа с БД */ };

5. Cache API – для кеширования ресурсов (часто используется в Service Workers).

6. Web SQL (устарел) – SQL-подобная база данных.

Лимиты:

• localStorage/sessionStorage – ~5-10 МБ.
• cookies – ~4 КБ на домен.
• IndexedDB – до 50% свободного места на диске.

Выбор зависит от задачи:

• Простые данные – localStorage.
• Большие/структурированные – IndexedDB.
• Сессии – sessionStorage/cookies.