Cookies de lectura de JavaScript

1. Use la función basada en bucle para leer cookies en JavaScript
2. Use la función basada en expresiones regulares para leer cookies en JavaScript

Este artículo abordará la función de leer una cookie en JavaScript.

Use la función basada en bucle para leer cookies en JavaScript

La cookie es el valor del documento; como objeto de cookie, leer una cookie es tan simple como generar una. El documento mantendrá una lista de pares nombre = valor separados por punto y coma (;) y la cadena cookie, donde nombre es el nombre de una cookie y valor es su valor de cadena.

El método split() para cadenas puede separar una cadena en su clave y valores.

Código de ejemplo:

<script type="text/javascript">

        function RdCookie() {
            var forallcookies = document.cookie;
            document.write("All Cookies : " + forallcookies);
            cookiesarr = forallcookies.split(';');

            for (var i = 0; i < cookiesarr.length; i++) {
                name = cookiesarr[i].split('=')[0];
                value = cookiesarr[i].split('=')[1];
                document.write("Key is : " + name + " and Value is : " + value);
            }
        }

    </script>

Ejecutar código

Después de ejecutar este código en cualquier compilador en línea, debe guardarlo para que se ejecute en el navegador y obtenga todas las cookies. Aquí, la función de longitud de la clase Array devuelve la longitud de una matriz.

Otras cookies podrían estar ya instaladas en su ordenador. El código anterior mostrará una lista de todas las cookies colocadas en su computadora.

Producción :

All Cookies : csrftoken=qf2iNHP0TosxzZjQhSe25m9FEumZawCoL5y202yZUqkg4tRxi7Ze0sJD3u4iX1S6d0kQ%2FN4hN4ve4MuV63KdTw%3D%3DKey is : csrftoken and Value is : qf2iNHP0TosxzZjQhSe25m9FEumZawCoL5y202yZUqkg4tRxi7Ze0sJD3u4iX1S6d0kQ%2FN4hN4ve4MuV63KdTw%3D%3D

Use la función basada en expresiones regulares para leer cookies en JavaScript

Puede usar esta función basada en RegEx para descubrir y extraer el valor de una cookie. Si la cookie no se puede descubrir (o no tiene un valor), se devuelve una cadena vacía " ".

Código de ejemplo:

document.cookie = 'username=hiva; SameSite=None; Secure';
document.cookie = 'favorite_food=tripe; SameSite=None; Secure';

function rdCookies(name) {
  var output = document.cookie.match('(^|[^;]+)s*' + name + 's*=s*([^;]+)');
  return output ? output.pop() : '';
}

console.log(rdCookies('username'));

Ejecutar código

Simplemente estamos comparando nuestro RegEx con la cadena document.cookie y guardando el resultado en la salida variable. Lo que es crítico entender aquí es el tipo de variables que produce .output().

Si el RegEx coincide, la salida será una matriz de variables. Si la expresión regular no coincide, el resultado será nulo.

El método .output() examinará Si la cookie que buscábamos no se encuentra dentro de document.cookie (o no tiene valor), nuestra coincidencia de variables sería nula en JavaScript.

Supongamos que fue encontrado; Nuestra función basada en RegEx devolverá una variable de matriz.

Producción :

"hiva"