자바스크립트 - 정규표현식

정규표현식의 내부메서드

출력결과

* 정규 표현식의 선언 방식은 2가지가 존재하는데 문자양끝에 / / 로 감싸주는 방식이 하나 있고 new RegExp('문자') 로 생성자를 이용하는 방식이 있다. (a. 은 a뒤에 아무문자를 뜻한다.)

*정규표현식 내부 메서드에는 2가지가 존재하는데 하나는 .exec('문자') 과 나머지 하나는 .test('문자') 이다. 전자는 인자의 문자중에 미리 선언한 정규표현식에 해당되는 문자를 반환한다. (출력결과에서 a , ab) 후자는 인자로 전달한 문자중에 미리 선언한 정규표현식에 해당되는 문자가 있을시 true 없을시 false를 반환한다. (출력결과에서 true,false)

 

문자열의 내부메서드

 

출력결과

*문자열 내부 메서드로 정규표현식에 해당하는 기능을 이용할 수 있는데 .match(정규표현식) , .replace(정규표현식,'바꿀문자') 2가지가 존재한다.

*전자는 문자중에 인자로전달한 정규표현식에 해당하는 문자가 있을 경우 그것을 반환하는 메서드이다. 후자는 문자중에 첫번째인자로 전달한 정규표현식이 있을경우 그것을 2번째인자로전달한 문자로 바꾸는 메서드이다.

 

정규표현식의 옵션

 

출력결과

*정규표현식에는 다양한 옵션이 존재한다. 기본적으로 아무 옵션을 붙이지 않고 .match메서드를 사용하면 해당하는 정규표현식 하나만 찾게 된다. 그러나 i를 붙이게 되면 문자열중에 대소문자를 구분하지 않고 먼저나오는 정규표현식과 일치하는 문자를 찾게된다. g를 붙이게되면 소문자를 a를 있는대로 찾아준다. 둘다 붙일 수도 있으며 추가적인 옵션은

다음과 같이 지원하고 있다.

 

정규표현식의 캡쳐

*캡쳐:정규식에서 그룹을 지정하고 그것을 치환하고 사용하는것

*위에 사진에서 주석으로 자세하게 설명하고있기 때문에 자세한 설명은생략

 

정규표현식의 고급(생활코딩 제공)

*출력결과:

생활코딩 : <a href="http://opentutorials.org/course/1">http://opentutorials.org/course/1</a> 입니다. 네이버 : <a href="http://naver.com">http://naver.com</a> 입니다.

*\b : 해당글자 앞 or 뒤(\b위치에 따라서)에 공백 , ?: : 캡처기능해제(그룹화지움), s? : s라는 글자가 있어도되고 없어도됨 \/\/: //를 표시하기위해 \사용, [ ]* < [ ] 안에있는 글자가 없어도되고 한 개이상이어도됨. [ ]+: [ ] 안에글자가 무조건 한 개이상있어야됨

 

추가적인 내용은 다음 공식문서에서 확인하자.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/%EC%A0%95%EA%B7%9C%EC%8B%9D

정규 표현식