【JavaScript】キーを指定してCookieから値を取得する方法

こんばんはエンジニアの眠れない夜です。

JavaScriptでCookieに保存されている値をキーで取得する時に便利な関数の紹介です。

まずはこちらの関数を追加してください

function getCookieValue(key: string): string {
    const cookies = document.cookie.split(';');
    for (let cookie of cookies) {
        var cookiesArray = cookie.split('='); 
        if (cookiesArray[0].trim() == key.trim()) { 
            return cookiesArray[1];  // (key[0],value[1])
        }
    }
    return '';
}

使い方は取得したいCookieのキーを指定すると値が返ってきます。ヒットしなかった場合は空文字が返ってきます。

getCookieValue('user_id')

※ user_idのところは取得したいキーに置き換えてください。

Cookieの取得で困っている方の助けになれば幸いです。