Analyse des cookies HTTP en JavaScript

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons plonger dans le sujet de l'analyse des cookies HTTP en JavaScript. Le but de ce laboratoire est de fournir une expérience pratique sur la manière d'extraire et d'organiser les données des cookies à partir d'une chaîne d'en-tête HTTP. À la fin de ce laboratoire, vous aurez une compréhension claire de la manière d'utiliser la fonction parseCookie pour créer un objet contenant toutes les paires nom-valeur de cookies.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28539{{"Analyse des cookies HTTP en JavaScript"}} javascript/data_types -.-> lab-28539{{"Analyse des cookies HTTP en JavaScript"}} javascript/arith_ops -.-> lab-28539{{"Analyse des cookies HTTP en JavaScript"}} javascript/comp_ops -.-> lab-28539{{"Analyse des cookies HTTP en JavaScript"}} javascript/array_methods -.-> lab-28539{{"Analyse des cookies HTTP en JavaScript"}} javascript/higher_funcs -.-> lab-28539{{"Analyse des cookies HTTP en JavaScript"}} end

Fonction JavaScript pour analyser les cookies HTTP

Pour analyser une chaîne d'en-tête de cookie HTTP en JavaScript et retourner un objet de toutes les paires nom-valeur de cookies, suivez ces étapes :

  • Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  • Utilisez String.prototype.split() pour séparer les paires clé-valeur les unes des autres.
  • Utilisez Array.prototype.map() et String.prototype.split() pour séparer les clés des valeurs dans chaque paire.
  • Utilisez Array.prototype.reduce() et decodeURIComponent() pour créer un objet avec toutes les paires clé-valeur.

Voici un exemple de la fonction parseCookie() qui met en œuvre les étapes ci-dessus :

const parseCookie = (str) =>
  str
    .split(";")
    .map((v) => v.split("="))
    .reduce((acc, v) => {
      acc[decodeURIComponent(v[0].trim())] = decodeURIComponent(v[1].trim());
      return acc;
    }, {});

Vous pouvez tester la fonction comme suit :

parseCookie("foo=bar; equation=E%3Dmc%5E2");
// { foo: 'bar', equation: 'E=mc^2' }

Sommaire

Félicitations ! Vous avez terminé le laboratoire d'analyse des cookies. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.