JavaScript의 global 속성은 정규 표현식(RegExp) 객체에 'g'(전역 검색) 수정자가 설정되어 있는지 여부에 따라 true 또는 false를 반환하는 읽기 전용 속성입니다.
'g' 수정자가 설정되어 있으면 정규 표현식이 문자열 전체에서 일치하는 모든 항목을 찾고, 설정되어 있지 않으면 첫 번째 일치 항목만 찾은 후 검색을 중단합니다. 이 속성을 활용하면 코드 실행 중에 특정 정규 표현식이 전역 검색 모드로 동작하고 있는지 손쉽게 확인할 수 있습니다.
다음은 JavaScript global 속성의 사용 예제입니다.
예제 코드
<!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;
}
.sample,.result {
font-size: 18px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript global 속성</h1>
<div class="sample">div 안에 있는 임의의 텍스트<br></div>
<div style="color:red" class="result"></div>
<button class="Btn">여기를 클릭하세요</button>
<h3>
위 버튼을 클릭하면 'g' 수정자가 설정되어 있는지 여부를 확인할 수 있습니다
</h3>
<script>
let sampleEle = document.querySelector(".result");
let pattern = /random/g;
let result = pattern.global;
document.querySelector(".Btn").addEventListener("click", () => {
if(result) sampleEle.innerHTML += ''g' 수정자가 설정되어 있습니다';
else sampleEle.innerHTML += ''g' 수정자가 설정되어 있지 않습니다';
});
</script>
</body>
</html>
코드 설명
/random/g패턴으로 정규 표현식 객체를 생성하고,'g'수정자를 함께 지정했습니다.pattern.global을 호출하면 해당 정규 표현식에'g'수정자가 설정되어 있으므로true가 반환됩니다.- 버튼을 클릭하면 결과 영역에 확인 메시지가 출력됩니다.
출력 결과
'여기를 클릭하세요' 버튼을 클릭한 후의 화면입니다.
