Cookie JS - создайте собственные куки на вашем сайте

Cookie в JavaScript - это небольшой фрагмент данных, который может храниться на стороне клиента (в браузере). Они обычно используются для хранения информации, связанной с пользователем, включая настройки пользовательского интерфейса, предпочтения языковых настроек и т.д.

Ключевые аспекты работы с куками в JavaScript включают: создание, чтение, обновление и удаление. Давайте рассмотрим каждый из них более подробно:

1. Создание новой cookie

Чтобы создать новую cookie, вам необходимо использовать свойство `document.cookie`. Он принимает строку в формате "cookieName=cookieValue". Например:

document.cookie = "username=John Doe";

2. Чтение значения cookie

Чтобы прочитать значение cookie, вы должны вызвать свойство `document.cookie` и разделить его на части. Значение cookie находится после знака равенства. Например:

var cookieValue = document.cookie
  .split('; ')
  .find(row => row.startsWith('username='))
  .split('=')[1];
console.log(cookieValue); // John Doe

3. Обновление значения cookie

Чтобы обновить значение cookie, вы можете повторно установить его, используя тот же самый синтаксис, что и для создания новой cookie. Например:

document.cookie = "username=Jane Doe";

4. Удаление cookie

Чтобы удалить cookie, вам нужно установить значение в пустую строку и установить срок действия в прошедшее время. Например:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC";

Результатом выполнения кода будет удаление cookie с именем "username".

Вот как вы можете использовать эти функции вместе:

// Создание cookie
document.cookie = "username=John Doe";
// Чтение cookie
var cookieValue = document.cookie
  .split('; ')
  .find(row => row.startsWith('username='))
  .split('=')[1];
console.log(cookieValue); // John Doe
// Обновление cookie
document.cookie = "username=Jane Doe";
// Удаление cookie
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC";

В заключение, cookie позволяют веб-сайтам хранить небольшие объемы данных на стороне клиента, что полезно для сохранения настроек пользовательского интерфейса, журнала входа, корзины покупок и т.д. Однако, имейте в виду, что cookie может быть уязвимым местом безопасности, поэтому важно быть осторожным при использовании их в веб-приложениях.