【よく使う】JavaScriptでCookieを操作。取得、セット、削除する汎用的なユーティリティ

JavaScript
【よく使う】JavaScriptでCookieを操作。取得、セット、削除する汎用的なユーティリティ
Memo

Cookieを操作する際にライブラリを入れるほどではなかったため
汎用的なユーティリティを作成しました。

cookeiをセットする

ユーティリティ関数

Utills.js
// expiresは日にちにしています。 export const setCookie = (name, value, expires) =>{ const date = new Date(); date.setTime( date.getTime() + 1000 * 3600 * 24 * expires ); document.cookie = `${name}=${value}; path=/; expires=${date.toUTCString()}`; }

使い方

main.js
import { setCookie } from 'Utills.js; setCookie('Cookieの名前', ' Cookieの値', '1' );

cookeiを取得する

ユーティリティ関数

Utills.js
export const getCookie = (name) => { const allcookies = document.cookie; const position = allcookies.indexOf( `${name}=` ); if( position != -1 ){ const startIndex = position + `${name}=`.length; var endIndex = allcookies.indexOf( ';', startIndex ); if( endIndex == -1 ){ endIndex = allcookies.length; } return decodeURIComponent(allcookies.substring( startIndex, endIndex ) ); } return null; }

使い方

main.js
import { getCookie } from 'Utills.js; getCookie('Cookieの名前' );

cookeiを削除する

ユーティリティ関数

Utills.js
export const deleteCookie = (name, value, expires) => { const date = new Date('1999-12-31T23:59:59Z'); document.cookie = `${name}=; path=/; expires=${date.toUTCString()}` }

使い方

main.js
import { deleteCookie } from 'Utills.js; deleteCookie('Cookieの名前' );