• 회원가입
  • 로그인
  • 구글아이디로 로그인

[RegExp] JS - test() 메서드 ★ - 정규식 패턴 일치 문자열 포함 여부 체크 (= test메서드 = 테스트메서드)

목차

  1. test() 예제 - 문자열 일치 포함 여부 체크
  2. test() 정의
  3. test() 구문
  4. test() 예제 - 문자열 (일치/불일치) 판별
  5. test() 예제 - 특정 자음으로 시작하는 배열값 추출
  6. text() 예제 - 주민등록번호 뒷자리 성별 숫자 외 특수문자 처리

 

test() 예제 - 문자열 일치 포함 여부 체크

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var hz = "홈짱닷컴 Homzzang.com";

  var patt = new RegExp("z");

  var res = patt.test(hz);

  document.getElementById("demo").innerHTML = res;

}

</script>

 

결과보기

 

test() 정의

 

문자열 일치 여부를 테스트.

 


 

JS버전: ECMAScript 1

 

 

test() 구문

 

RegExpObject.test(string)

 


[매개변수]

 

string

필수. 찾는 영역에 해당하는 문자열.

 

PS. 

RegExpObject

string에서 찾을 대상에 해당하는 정규표현식 패턴 객체

 

 

test() 예제 - 문자열 (일치/불일치) 판별

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var hz = "홈짱닷컴 Homzzang.com";


  var patt = /Homzzang/g;

  var result = patt.test(hz); // true


  patt2 = /homzzang/g;

  result2 = patt2.test(hz); // false

  

  document.getElementById("demo").innerHTML = result + "<br>" + result2;

}

</script>

 

결과보기

 

test() 예제 - 특정 자음으로 시작하는 배열값 추출

※ ㄱ으로 시작하는 값만 추출

 

<script>

function checkKor(str) {

    const regExp = /[ㄱ-ㅎㅏ-ㅣ가-깋]/g; 

    if(regExp.test(str)){

        return true;

    }else{

        return false;

    }

}


let arr = new Array("강xx","김xx","이xx","박xx","상x고","고xx");

for (i = 0; i <arr.length; i++) {

    let firstChar = arr[i].charAt(0);

    if (checkKor(firstChar)){

         console.log(arr[i]);

    }

}

</script>

 

결과보기

개노미 님 (221224) https://sir.kr/qa/484074

 

text() 예제 - 주민등록번호 뒷자리 성별 숫자 외 특수문자 처리

 

<input type="text" id="inputField" maxlength="7" placeholder="숫자 7개 입력" oninput="processInput()">


<script>

function processInput() {

    let inputField = document.getElementById("inputField");

    let inputValue = inputField.value;


    if (/[^0-9]/.test(inputValue)) {

      alert("숫자만 입력 가능");

      inputField.value = '';

      return;

    }


    if (inputValue.length >= 1) {

      let result = inputValue.split('');

      for (let i = 1; i < 7; i++) {

        result[i] = '*';

      }

      inputField.value = result.join('');

    }

}

</script>

 

결과보기



분류 제목
Window_Console JS - console.timeEnd() 메서드 - 콘솔창에서 타이머 종료 후 기록 쓰기 (= console…
Window_Console JS - console.trace() 메서드 - 코드 실행 내역 역추적해 콘솔에 표시 (= console.t…
Window_Console JS - console.warn() 메서드 - 콘솔에 경고 쓰기 (= console.warn메서드 = 콘솔원…
DOM_Document JS - activeElement 속성 ★ - 현재포커스요소 반환 (= 액티브엘러먼트속성)
DOM_Document JS - addEventListener() 메서드 ★ - document에 이벤트 걸기. (= addEven…
DOM_Document JS - adoptNode() 메서드 ★ - 다른문서의 노드 잘라내서 가져오기 (IE9 이상) ※ 아이프레임…
DOM_Document JS - anchors 속성 - name 속성 갖은 모든 앵커태그집합 반환 (=anchors속성 = 앵커즈 …
DOM_Document JS - applets 속성 - 모든 애플릿태그집합 반환
DOM_Document JS - baseURI 속성 - 웹문서 기본URI 반환 (IE 지원X)
DOM_Document JS - body 속성 - 웹문서본문 설정/반환
DOM_Document JS - close() 메서드 - 웹문서출력모드 닫고 수집된 데이터 표시
DOM_Document JS - document.cookie 속성 ★ - (쿠키이름/쿠키값) 쌍을 설정/반환 (= document.…
DOM_Document JS - charset 속성 - 문자셋 (= 언어셋) 반환 (IE9 이상)
DOM_Document JS - characterSet 속성 - 문자셋 (= 언어셋) 반환 (IE9 이상)
DOM_Document JS - createAttribute() 메서드 ★ - 속성생성 (예: 클릭색상변경)
DOM_Document JS - createComment() 메서드 - 주석생성
DOM_Document JS - createDocumentFragment() 메서드 - 가상노드생성
DOM_Document JS - createElement() 메서드 ★ - 요소생성 (= createElement메서드 = 크리에이…
DOM_Document JS - createEvent() 메서드 - 이벤트객체생성 (예: 마우스오버횟수구하기)
DOM_Document JS - createTextNode() 메서드 - 텍스트노드생성
24/67
목록
찾아주셔서 감사합니다. Since 2012