ホームページ > ウェブフロントエンド > jsチュートリアル > Javascript で Cookie を読み取る方法: 最短、最速、そして最も信頼性が高い?

Javascript で Cookie を読み取る方法: 最短、最速、そして最も信頼性が高い?

Susan Sarandon
リリース: 2024-11-08 01:16:02
オリジナル
671 人が閲覧しました

 How to Read Cookies in Javascript: Shortest, Fastest, and Most Reliable?

JavaScript での簡潔な Cookie 読み取り: サイズとパフォーマンスの最適化

外部依存関係のないスタンドアロン JavaScript スクリプトを使用する場合、最適なスクリプトを見つけるCookie を読み取るためのソリューションが重要です。 QuirksMode.org の readCookie() 関数は、機能しますが、大きくて非効率です。

改善された jQuery.cookie アプローチ:

jQuery で使用される read_cookie() 関数。 cookie は readCookie() よりもコンパクトです:

function read_cookie(key)
{
    var result;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? (result[1]) : null;
}
ログイン後にコピー

ただし、さらなる最適化も可能です。

最短かつ最も効率的な解決策:

const getCookieValue = (name) => (
  document.cookie.match('(^|;)\s*' + name + '\s*=\s*([^;]+)')?.pop() || ''
)
ログイン後にコピー

このアプローチでは、正規表現を利用して目的の Cookie 値を抽出し、セミコロンと等号の前後のオプションの空白を処理します。また、複数のループが不要になるため、他のソリューションよりも大幅に高速になります。

パフォーマンスの比較:

jsben.ch を使用したパフォーマンスの比較は、jsben.ch の優位性を示しています。推奨される解決策:

https://jsben.ch/AhMN6

主な利点:

  • 簡潔:わずか 18 文字 (縮小)。
  • 信頼性: 公式仕様に従ってオプションの空白を考慮。
  • パフォーマンス: 他の方法より大幅に高速ほとんどのブラウザでは。

以上がJavascript で Cookie を読み取る方法: 最短、最速、そして最も信頼性が高い?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート