How to Retrieve Cookies in JavaScript: A Concise and Performant Solution?

Cross-Browser Cookie Retrieval: Optimizing the Code

In JavaScript, accessing cookies is a common task. However, the QuirksMode.org readCookie() method, commonly used for its simplicity, comes with drawbacks of size and aesthetics.

Seeking an alternative, we consider the method used by jQuery.cookie, which employs a regular expression approach. While functional, it still leaves room for optimization.

Introducing a Shorter and More Performant Solution:

To enhance the code, we present a Regex-based solution that boasts both brevity and performance:

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

This improved function achieves the following benefits:

• Size Reduction: It is significantly smaller than the QuirksMode.org and jQuery.cookie methods.
• Reliability: It adheres to RFC 2109 specifications, ensuring compatibility across browsers.
• Performance: Benchmarks show it as the fastest option in most browsers.

To conclude, this optimized code provides an efficient and reliable solution for retrieving cookies in JavaScript. Its compact size and cross-browser support make it an ideal choice for reducing code bloat and enhancing performance.

The above is the detailed content of How to Retrieve Cookies in JavaScript: A Concise and Performant Solution?. For more information, please follow other related articles on the PHP Chinese website!