Front-End/JavaScript

[자바스크립트] 정규표현식 문법, 함수 알아보기

챌링킴 2021. 6. 26. 17:44
반응형

1) 정규표현식이란?

- 문자열에 특정 문자 조합과 대응시키기 위해 사용되는 패턴을 의미한다.

 

2) 정규표현식 문법

    //정규식 패턴 만들기
    const expNameText = /[가-힣]+$/; //한글만
    // []+  : 뒤에 플러스가 붙으면 몇글자가 돼도 상관없다라는 뜻. 안의 쓴 모든 내용들이 들어올 수 있다.
    // $    : 끝내기
    const expHpText = /^\d{3}-\d{3,4}-\d{4}$/;
    // ^    : 무조건 이걸로 시작해야한다. 
    // \d   : 숫자 
    // {3}  : 세글자, {3,4} : 세글자 또는 네글자 
    const expEmailText = /^[A-Za-z0-9\.\-]+@[A-Za-z0-9\.\-]+\.[A-Za-z0-9\.\-]+$/;

 

3) test( ) 함수 설명

- 정규표현식에 대입한 문자열이 부합하면 true, 아니면 false를 반환해준다.

정규표현식객체.test('비교할문자열') ====> true of false가 반환된다.

 

- test( ) 예시

    if(!expEmailText.test(email.value)){
        alert('이메일 형식을 확인하세요.');
        email.focus();
        return false;
    }

 

참고사이트 바로가기

 

정규 표현식 - JavaScript | MDN

정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다.  이 패턴들은 RegExp의 exec 메소드와 test 메소드  ,

developer.mozilla.org

 

반응형