JavaScript 읽기 쿠키
이 기사에서는 JavaScript에서 쿠키를 읽는 기능을 다룰 것입니다.
루프 기반 함수를 사용하여 JavaScript에서 쿠키 읽기
쿠키는 문서의 값입니다. 쿠키 객체로서 쿠키를 읽는 것은 쿠키를 생성하는 것만큼 간단합니다. 문서는 세미콜론(;)과 cookie 문자열로 구분된 name = value 쌍 목록을 유지합니다. 여기서 name은 쿠키의 이름이고 value는 문자열 값입니다.
문자열에 대한 split() 방법 은 문자열을 키와 값으로 분리할 수 있습니다.
예제 코드:
<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>
온라인 컴파일러에서 이 코드를 실행한 후에는 브라우저에서 실행되고 모든 쿠키를 얻을 수 있도록 저장해야 합니다. 여기서 Array 클래스의 길이 함수는 배열의 길이를 반환합니다.
다른 쿠키는 이미 귀하의 컴퓨터에 설치되어 있을 수 있습니다. 위의 코드는 컴퓨터에 있는 모든 쿠키를 나열합니다.
출력:
All Cookies : csrftoken=qf2iNHP0TosxzZjQhSe25m9FEumZawCoL5y202yZUqkg4tRxi7Ze0sJD3u4iX1S6d0kQ%2FN4hN4ve4MuV63KdTw%3D%3DKey is : csrftoken and Value is : qf2iNHP0TosxzZjQhSe25m9FEumZawCoL5y202yZUqkg4tRxi7Ze0sJD3u4iX1S6d0kQ%2FN4hN4ve4MuV63KdTw%3D%3D
정규식 기반 함수를 사용하여 JavaScript에서 쿠키 읽기
이 RegEx 기반 함수를 사용하여 쿠키 값을 검색하고 추출할 수 있습니다. 쿠키를 찾을 수 없거나 값이 없는 경우 빈 문자열 " "이 반환됩니다.
예제 코드:
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'));
우리는 단순히 RegEx를 document.cookie 문자열과 비교하고 그 결과를 변수 출력에 저장합니다. 여기서 이해해야 할 중요한 것은 .output()이 생성하는 변수의 유형입니다.
RegEx가 일치하면 출력은 변수의 배열이 됩니다. 정규식이 일치하지 않으면 결과는 null이 됩니다.
.output() 메서드는 우리가 찾고 있는 쿠키가 document.cookie 내에서 발견되지 않았거나 값이 없는 경우 JavaScript에서 변수 일치가 null이 되는 것을 검사합니다.
그것이 발견되었다고 가정하십시오. RegEx 기반 함수는 배열 변수를 반환합니다.
출력:
"hiva"
Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.
LinkedIn