How to list down all the cookies by name using JavaScript?


To lists down all the cookies by name, use the cookies pairs in an array. After that, you need to get the key value pair out of this array.

Example

You can try to run the following code to list all the cookies

Live Demo

<html>
   <head>
      <script>
         <!--
            function ReadCookie() {
               var allcookies = document.cookie;
               document.write ("All Cookies : " + allcookies );

               // Get all the cookies pairs in an array
               cookiearray = allcookies.split(';');

               // Now take key value pair out of this array
               for(var i = 0; i < cookiearray.length; i++) {
                 name = cookiearray[i].split('=')[0];
                 value = cookiearray[i].split('=')[1];
                 document.write ("Key is : " + name + " and Value is : " + value);
               }
            }
         //-->
      </script>
   </head>
   <body>
      <form name = "myform" action = "">
         <p> click the following button and see the result: </p>
         <input type = "button" value = "Get Cookie" onclick = "ReadCookie()"/>
      </form>
   </body>
</html>

Updated on: 09-Jan-2020

137 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements