【JavaScript】js-cookieでcookieを操作する

インストール

npmを使う場合は、

npm

npm i js-cookie

yarnを使う場合は、

yarn

yarn add js-cookie

使用方法

使うファイルにimportします。

import

import Cookies from 'js-cookie';

cookieに値を保存

cookiesに値を保存する

Cookies.set('cookie_name', 'value')

//7日後に有効期限が切れる、vokkiesを保存する
Cookies.set('name', 'value', { expires: 7 })

//pathを指定して、それ以下のpathでのみ有効なcookieを保存する
Cookies.set('name', 'value', { expires: 7, path: '' })

cookieに値を取得する

cookieに値を取得する

Cookies.get('name') // => 'value'

//cookieで取得できるすべての値を取得する
Cookies.get() // => { name: 'value' }

ちなみに、指定したcookieが存在しない場合、undefindedを返します。

cookieで指定した値がない

Cookies.get('hoge') //=> undefined

cookieに値を削除する

cookieに値を削除する

Cookies.remove('name')

参考