정규표현식

💡 쓰면 편하지만, 자주 안써서 잘 까먹는 정규표현식에 대해 정리해보자!

 

사실 이렇게 정리하게 된 것은 프로그래머스 알고리즘을 풀다 정규표현식을 이용하면 굉장히 편리해지는 문제를 만나게 되었기 때문이다. 그래서 해당 문제를 풀면서 정리를 해보고자 한다.

정규표현식 내용에 대해서는 아래 링크, mdn에서 정말 많은 도움을 얻었다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions

정규 표현식 - JavaScript | MDN

 

---

 

정규표현식의 실제 사용

//정규표현식 사용.
function solution(new_id) {
  const answer = new_id
    .toLowerCase()
//영어소문자, 숫자0-9, 특수문자 '.', '_', '-'를 제외한 모든 문자를 없앤다.
    .replace(/[^a-z0-9._-]/g, "")
//특수문자 '.'이 2개 이상 반복된다면, 해당 부분을 '.'하나로 바꾼다.
    .replace(/\\.{2,}/g, ".")
//첫 시작이 '.'이거나, '.'으로 끝나게 된다면, '.'을 삭제한다.
    .replace(/^\\.|\\.$/g, "")
//문자열의 길이가 1이상이 될때까지 'a'를 반복해 넣는다.
    .padEnd(1, 'a')
    .slice(0, 15)
//문자열의 마지막글자가 .이라면, 삭제한다.
    .replace(/\\.$/g, "")
    
//문자열의 길이가 3이하라면, 문자열 마지막 글자를 길이가 3이 될때까지 더해준다.
  return answer.padEnd(3, answer[answer.length-1]);
}

---

Flag의 종류

1. g: Global을 의미하며, 문자열 내의 모든 패턴을 찾게 된다. 즉, 패턴에 만족하는 여러개의 문자열이 있다고 하면, 여러 문자열 모두 찾게 된다. 가장 자주 쓰게 되는 Flag이다.
2. i: Ignore Case, 문자열의 대소문자를 구분하지 않는다.
3. m: Multi Line, 문자열의 행이 바뀌어도 찾는다.

---

표현식

[abc]	any of a, b, or c 즉, a 또는 b 또는 c를 찾는다.
[^abc]	not a, b, or c 즉, a도, b도 c도 아닌 것들을 찾는다.
[a-z]	영어 소문자 a부터 z까지 해당하는 것들을 찾는다.
^a	a문자로 시작함을 의미한다. 문자열 가장 앞에 있는 a를 찾게 된다.
a$	문자열의 종료를 의미. 문자열 가장 뒤에 있는 a를 찾게 된다.
a+	a라는 문자가 한번이상 포함되는 것을 찾게 된다. e.g. a, aa, aaa,...
a{n}	a라는 문자가 n번 반복됨을 의미한다.
a{n,}	a라는 문자가 n번 이상 반복됨을 의미한다.
a{n,m}	a라는 문자가 n번 이상 m번이하로 반복됨을 의미한다.
\	이스케이프를 의미하며, 뒤에오는 문자를 문자그대로 보겠다는 뜻이다.
\^	문자 "^"를 찾게 된다. 즉, 여기서 ^는 not이나 문자열 시작을 알리지 않는다.
\w	밑줄 문자를 포함한 영숫자 문자에 대응된다. [A-Za-z0-9_] 와 동일하다
\W	단어 문자가 아닌 문자에 대응된다.. [^A-Za-z0-9_] 와 동일하다.
\d	숫자 문자에 대응된다. [0-9]와 동일하다.
\D	숫자 문자가 아닌 문자에 대응된다. [^0-9]와 동일하다.

 

---

 

사용법

I. Boolean값을 원할때: test

**/regex/.test(string)**과 같은 방식으로 내가 원하는 값이 해당 문자열에 포함되어 있는지 여부를 알 수 있다. e.g. /[^a-z0-9]/.test('한asdf123c9') ⇒ '한'이라는 글자가 포함 되어 있으므로 true가 나온다.

 

---

 

II. 대응하는 문자열을 찾아서, 다른 문자열로 바꾸고 싶을때: replace

[string].replace(/regex/, '다른 문자열') 형식으로 이용할 수 있다.

e.g. 'applpe'.replace(/p{2}/, 'b') ⇒p가 두번 반복되는 문자열을 'b'로 바꾸겠다는 뜻이다. ⇒ "ablpe"이 출력되게 된다.

만약에, 내가 찾은 문자열 앞뒤로 공백을 추가 하고 싶다면 어떻게 해야 할까???

⇒ $& 을 사용하면 된다!

let str = "100-200*300-500+20"
let test = str.replace(/[\\+\\-\\*]/g, " $& ")
console.log(test)
//"100 - 200 * 300 - 500 + 20"가 나오게 된다.
//여기서, $&는 내가 찾은 문자열 전체를 의미하게 된다. 

 

---

​

 

III. 변수를 이용해 정규표현식을 동적으로 이용하고 싶다면? : new RegExp

RegExp 객체를 통해 리터럴 표기법과 생성자로써 생성할 수 있다.

1. 리터럴 표기법: new RegExp(/ab+c/, 'g')
2. 생성자 표기법: new RegExp('ab+c', 'g')

정규표현식이 변하지 않고, 정적인 타입일 때 리터럴 표기법을 사용하고, 정규표현식 외부에서 변수를 가져오거나 패턴이 변할 가능성이 있는 경우, 생성자 표기법을 이용하면 된다.

function solution(s) {
  let table = [
    "zero",
    "one",
    "two",
    "three",
    "four",
    "five",
    "six",
    "seven",
    "eight",
    "nine",
  ];

  for (let i = 0; i < table.length; i++) {
		//생성자 표기법을 통해, 정규표현식을 생성하고 동적으로 바꾸어 가며 이용하는 방식
    s = s.replace(new RegExp(`${table[i]}`, "g"),i);
  }
  return Number(s);
}