JavaScript의 RegExp toString() 메서드는 정규 표현식(Regular Expression) 객체의 문자열 값을 반환하는 메서드입니다. 이 메서드를 호출하면 해당 정규식이 패턴과 플래그를 포함한 형태로 그대로 문자열화되어 출력됩니다.
예를 들어 new RegExp("fox", "g")로 생성한 정규식에 toString()을 호출하면 /fox/g라는 문자열이 반환됩니다.
RegExp toString() 기본 문법
regexObj.toString();
별도의 매개변수 없이 정규식 객체에서 바로 호출하며, 패턴과 플래그가 슬래시(/)로 감싸진 형태의 문자열을 반환합니다.
예제 코드
다음은 RegExp toString() 메서드의 동작을 확인할 수 있는 전체 HTML 예제입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
div {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript RegExp toString() method</h1>
<div class="sample">The quick brown fox jumps over the lazy dog</div>
<button class="Btn">CLICK HERE</button>
<div class="result"></div>
<h3>위 버튼을 클릭하면 정규 표현식의 문자열 값을 확인할 수 있습니다.</h3>
<script>
let fillEle = document.querySelector(".sample");
let result = document.querySelector(".result");
let regex = new RegExp("fox",'g');
document.querySelector(".Btn").addEventListener("click", () => {
result.innerHTML = regex.toString();
});
</script>
</body>
</html>코드 설명
new RegExp("fox", 'g'): 'fox'라는 패턴과 전역 검색(g) 플래그를 가진 정규식 객체를 생성합니다.- 버튼 클릭 시
regex.toString()이 실행되어 결과 영역에 정규식의 문자열 값이 표시됩니다.
실행 결과
페이지가 로드되면 다음과 같은 초기 화면이 나타납니다.
“CLICK HERE” 버튼을 클릭하면 아래와 같이 정규식 /fox/g가 문자열 형태로 출력됩니다.
정리
RegExp toString() 메서드는 디버깅 과정에서 현재 사용 중인 정규식의 패턴과 플래그를 빠르게 확인하고 싶을 때 유용하게 활용할 수 있습니다. 별도의 설정 없이 간단히 호출만 하면 되기 때문에 정규식 객체의 상태를 검증하는 데 매우 편리한 도구입니다.