What is the shortest function for reading a cookie by name in JavaScript?

by

Shorter, more reliable and more performant than the current best-voted answer:

const getCookieValue = (name) => (
  document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''
)

A performance comparison of various approaches is shown here:

https://jsben.ch/AhMN6

Some notes on approach:

The regex approach is not only the fastest in most browsers, it yields the shortest function as well. Additionally it should be pointed out that according to the official spec (RFC 2109), the space after the semicolon which separates cookies in the document.cookie is optional and an argument could be made that it should not be relied upon. Additionally, whitespace is allowed before and after the equals sign (=) and an argument could be made that this potential whitespace should be factored into any reliable document.cookie parser. The regex above accounts for both of the above whitespace conditions.

More Related Contents:

  1. How do you increment a cookie value?
  2. How do I create and read a value from cookie?
  3. Set cookie and get cookie with JavaScript [duplicate]
  4. Get cookie by name
  5. Clearing all cookies with JavaScript
  6. Chrome doesn’t delete session cookies
  7. Set a cookie to HttpOnly via Javascript
  8. Get and Set a Single Cookie with Node.js HTTP Server
  9. Detecting if a browser is using Private Browsing mode
  10. How to read a HttpOnly cookie using JavaScript
  11. firebase cloud function won’t store cookie named other than “__session”
  12. How do I check if a cookie exists?
  13. Where to save a JWT in a browser-based application and how to use it
  14. Can jQuery read/write cookies to a browser?
  15. Cross domain POST request is not sending cookie Ajax Jquery
  16. Creating a JavaScript cookie on a domain and reading it across sub domains
  17. How can I delete all cookies with JavaScript? [duplicate]
  18. Do I have to store tokens in cookies or localstorage or session?
  19. Javascript Cookie with no expiration date
  20. Get and store cookie (from Set-Cookie) from an AJAX POST response
  21. How do sessions work in Express.js with Node.js?
  22. Why doesn’t document.cookie show all the cookie for the site?
  23. CORS cookie credentials from mobile WebView loaded locally with file://
  24. Cannot set cookies in Javascript
  25. How to get cookie expiration date / creation date from javascript? [duplicate]
  26. How to use cookie inside `getServerSideProps` method in Next.js?
  27. Set-Cookie in HTTP header is ignored with AngularJS
  28. Why cookies and set-cookie headers can’t be set while making xmlhttprequest using setRequestHeader?
  29. Getting setting cookies on different domains, with JavaScript or other
  30. How to modify Cookie from Ajax call

Leave a Comment