정규식을 이용하면 자바스크립트에서도 다양한 형태로 문자열을 검색할 수 있다. match 메서드는 문자열을 검색함에 있어 가장 유연한 방법이 아닐까 한다. 정규식도 따로 스터디가 필요한 부분이기도 하다. 먼저 보편적으로 사용되는 g 와 i 옵션을 가지고 정규식을 이용한 문자열 찾기를 해 보도록 한다.
자바스크립트 문자열 찾기 match 메서드 사용
javascript string search match method
자바스크립트에서 문자열을 찾기 위한 방법으로 정규식을 사용하는 방법이 있다.
정규식에 익숙해지면 편한 작업들을 할 수 있는데 이 정규식을 사용하여 문자열을 찾도록 해주는 메서드가 match 메서드이다.
match 메서드는 정규식을 사용함으로써 찾을 문자열을 결과로 보여준다.
사용법
자바스크립트의 match 메서드를 사용하기 위해 정규식을 학습할 필요가 있다.
하지만, 보통 많이 사용하는 정규식 옵션은 g 이다. 이것만 알아도 정규식을 사용해 문자열을 찾는 것은 어렵지 않다.
참고로 정규식을 사용하는 경우의 문자열 찾기는 보다 복잡한 경우들이 많다.
- g 옵션
찾을 단어를 대소문자 구분하여 찾는다. - i 옵션
찾을 단어를 대소문자 없이 모두 찾는다.
String.match(정규식)샘플코드
이전에 사용했던 코드들을 이용하여 정규식을 사용해 문자열을 찾아본다.
일반적으로 많이 사용하는 g 옵션을 사용하며, 추가로 i 옵션을 사용하여 비교를 해 본다.
g 와 i 옵션에 대한 것은 위에 언급했다.
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 문자열 match 메서드</h1>
<script>
let vMatch;
console.log("----------");
let vStr = "블랙핑크, blackpink, 블랙핑크, BlackPink, 블랙핑크, BLACKPINK, 블랙핑크";
console.log(typeof(vStr), vStr);
vMatch = vStr.match(/pink/g);
console.log(typeof(vMatch), vMatch);
vMatch = vStr.match(/pink/gi);
console.log(typeof(vMatch), vMatch);
console.log("----------");
</script>
</body>
</html>결과화면을 보자.
pink 라는 단어를 검색해 보고 g 와 i 옵션을 사용하였다.
g 옵션으로 pink 란 단어가 있는 문자열을 검색했다.
g 옵션으로는 대소문자를 구문하기 때문에 하나만 검색이 된다.
i 옵션으로 추가로 주면 대소문자를 구분하지 않기 때문에 모두 찾을 수 있다.
반응형
댓글