ch31-해설.md

Chapter31

📌문제1

코드의 실행결과를 예측하세요.

  console.log("12-34-56".replace(/-/g, ":")); // (1)
  console.log("12-34-56".replace(/-/, ":"));  // (2)
  
  const cellphones = ["010-1234-56789", "010.1234.5678", "01012345678", "02-2134-1233"];

  for (const cellphone of cellphones) {
    console.log(/^\d{3}[-.]\d{4}[-.]\d{4}/.test(cellphone));  // (3)
  }

// (4) : (3)을 출력하는 과정에서 false가 출력된다면, true로 출력될 수 있게 수정해보세요.

답안 작성

(1) : 12:34:56 -> g플래그를 사용할 경우 대상 문자열 내에서 패턴과 일치하는 모든 매칭 결과를 반영한다.
(2) : 12:34-56 -> 플래그를 생략한 정규표현식의 경우 첫 번째 매칭 결과만 반영한다.
(3) : 
      true -> ^은 문자열의 시작이 패턴으로 시작하는지 확인한다.
      true -> []안의 문자열은 or조건으로 취급된다.
      false -> []안의 맞는 문자열이 존재하지 않기때문에.
      false -> 처음02 때문에 에러가 발생하는데, /d{3}은 0~9까지가 3번이 반복된다는 의미.
(4) : /^\d{2,3}[-.]?\d{4}[-.]?\d{4}/ -> {n,m}은 최소 2번,최대3번 반복되는 문자열을 의미하고, ?는 앞선 패턴([-.])이 최대 한번(0번 포함) 반복되는 문자열을 의미한다.

📌문제2

다음 문장을 보고 true, false를 판단하세요.

(1) : RegExp.prototype.exec 메서드는 g 플래그가 지정되면 모든 매칭 결과를  배열로 반환한다.
(2) : 정규 표현식의 패턴 검색시, 문자열의 행이 바뀌더라도 패턴 검색은 계속 된다.
(3) : 정규 표현식 패턴에서 \D는 숫자가 아닌 문자를 의미하고, \d는 숫자를 의미한다.
(4) : /^DeepDiver?:\/\//.test(target) 은 target에 r의 존재 여부와 상관 없이 매치된다.

답안 작성

(1) : false
(2) : false
(3) : true
(4) : true

(1) : exec 메서드는 g 플래그를 지정해도 첫 번째 결과만 반환합니다.
      match 메서드가 g 플래그를 지정하면 모든 매칭 결과를 배열로 반환합니다.
(2) : 문자열의 행이 바뀌더라도 패턴 검색을 계속 하려면 m 플래그를 지정해야 합니다.
(4) : ?은 앞선 패턴이 최대 한 번 이상(0번 포함) 반복되는지를 의미합니다.

📌문제3

코드 실행 결과를 예측히세요.

const target = "A AA AAA AAAA";

const regExp1 = /A{2, 3}/g;
const regExp2 = /A{3}/g;
const regExp3 = /A{3,}/g;
const regExp2 = /AA+/g;

console.log(target.match(regExp1)); // (1)
console.log(target.match(regExp2)); // (2)
console.log(target.match(regExp3)); // (3)
console.log(target.match(regExp4)); // (4)

답안 작성

(1) : null 
(2) : [ 'AAA', 'AAA' ]
(3) : [ 'AAA', 'AAAA' ]
(4) : [ 'AA', 'AAA', 'AAAA' ]

(1) : 콤마 뒤에 공백이 있으면 정상 동작하지 않습니다.
(2) : 패턴이 3번 반복되는 문자열을 의미합니다.
(3) : 패턴이 최소 3번 이상 반복되는 문자열을 의미합니다.
(4) : 앞선 패턴인 AA가 최소 한번 이상 반복되는 문자열을 의미합니다.

📌문제4

1) 아래의 코드에서 regExp.exec(target)와 target.match(regExp)는 결과가 같다. (0 / X)

const target = "my name is prong. my dog's name is programmers";
const regExp = /is/g;

2) 다음의 출력 결과를 쓰시오

const target = "a aabbc";
const regExp = /A{1,2}/
target.match(regExp); // (2)
const regExp2 = /a{1, 2}/g
target.match(regExp)// (3)

정답 및 해설

1) x :  match는 /g 옵션이 붙을 경우에는 exec와 달리 전체 문자열을 기준으로 해당 표현식에 맞는 부분을 전부 찾는다. 
2) null :  정규식의 기본 옵션은 대소문자를 구분하는 것이다. 
3) null : 컴마 옆에 띄어쓰기를 하면 정상작동 되지 않는다. 

📌문제5

다음 보기의 오직 한글(자음만, 모음만, 자음과 모음으로 결합된 글자)만 모두 추출할 수 있는 정규표현식을 작성하시오.

// (힌트) 자음과 모음의 조합으로 만들어진 한글의 처음과 끝은 아래와 같습니다.
// 한글의 글자 처음 : 가
// 한글의 글자 끝 : 힣

[보기]
ㄴr는 ㄱr끔 눈물을흘린ㄷr...
ㄱr끔은 눈물을참을수없는ㄴhㄱr별루ㄷr..
맘ㅇ1 Or파r서...소ㄹ1ㅊ1며...울수있ㄷr는건...
좋은ㄱㅓ야..□ㅓ..꼭슬퍼야만우는건ㅇrㄴ1잖아..^^
난..눈물ㅇ1...좋ㄷr..☆
ㅇrㄴ1..머ㄹ1ㄱrOr닌..맘으로..우는ㄴhㄱr좋다..☆

정답 및 해설

정답 : /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g

정답을 여러가지로 작성할 수 있지만, 가장 간단하게 작성하면 위와 같다.
정규표현식의 한글 작성 검사, 추출도 유용할 거라 예상되어 출제하였다.