Как происходит считывание данных с cookie

Cookies можно считывать с помощью свойства document.cookie. Оно возвращает строку со всеми куками для текущего домена в формате key=value, разделёнными точкой с запятой.

Пример:

const cookies = document.cookie; // "user=John; theme=dark"

Для удобства можно разбить строку на отдельные пары ключ-значение:

const cookieObject = {};
document.cookie.split(';').forEach(pair => {
  const [key, value] = pair.trim().split('=');
  cookieObject[key] = decodeURIComponent(value);
});

console.log(cookieObject.user); // "John"

Важные нюансы:

1. Куки доступны только для текущего домена (правило same-origin)
2. HttpOnly куки нельзя прочитать через JavaScript
3. Для работы с куками часто используют библиотеки типа js-cookie