В чем разница между Local Storage и Cookies

Local Storage и Cookies используются для хранения данных на стороне клиента, но имеют ключевые различия:

1. Объем данных: Local Storage может хранить до 5-10 МБ, Cookies ограничены ~4 КБ.
2. Срок хранения: Cookies имеют expiration date, Local Storage сохраняется до явного удаления.
3. Автоматическая передача: Cookies отправляются с каждым HTTP-запросом, Local Storage — нет.
4. Доступность: Cookies доступны и на сервере, и на клиенте, Local Storage — только на клиенте.

Пример использования Local Storage:

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

Пример Cookies:

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

Выбор зависит от задачи: Cookies лучше для небольших данных, нужных серверу, Local Storage — для больших объемов данных, используемых только на клиенте.