JS. 정규표현식 패턴(표현)

패턴(표현)

---

^ab / ab$

줄 시작에 있는 ab와 일치 / 줄 끝에 있는 ab와 일치

let str = ` 
010-1234-5678
kurt5451@naver.com
https://www.omdbapi.com/?apikey=7035c60c&s=frozen
The quick brown fox jumps over the lazy dog.
abbcccdddd
d
hxyp
http://localhost:1234
동해물과_백두산이 마르고 닳도록 하느님이 보우하사
`

console.log(
    str.match(/d$/gm) // ['d', 'd']
  ) 

console.log(
    str.match(/^k/gm) // ['k']
  )

$(달러) 기호는 한 줄마다 문장 끝에 d가 있는 것을 찾는 패턴이다. d가 끝에 있는 경우는 두 가지가 있다.

마찬가지로 ^(캐럿) 기호는 한 줄마다 문장 시작에 k가 있는 것을 찾는 패턴이다. k로 시작하는 케이스는 한 가지 밖에 없다.

---

.  /  a|b  /  ab?

.(마침표): 임의의 한 문자와 일치

|(버티컬바): a 또는 b와 일치

?(물음표): b가 없거나 b와 일치

console.log(
  str.match(/./g) // [' ', '0', '1', '0', '-', '1', '2', '3', '4', '-', '5', '6', '7', '8', 'k', 'u', 'r', 't', '5', '4', '5', '1', '@', 'n', 'a', 'v', 'e', 'r', '.', 'c', 'o', 'm', 'h', 't', 't', 'p', 's', ':', '/', '/', 'w', 'w', 'w', '.', 'o', 'm', 'd', 'b', 'a', 'p', 'i', '.', 'c', 'o', 'm', '/', '?', 'a', 'p', 'i', 'k', 'e', 'y', '=', '7', '0', '3', '5', 'c', '6', '0', 'c', '&', 's', '=', 'f', 'r', 'o', 'z', 'e', 'n', 'T', 'h', 'e', ' ', 'q', 'u', 'i', 'c', 'k', ' ', 'b', 'r', 'o', 'w', 'n', ' ', 'f', 'o', 'x', …]
  // 임의의 한 문자와 일치하는 것을 찾는다.
) 

console.log(
  str.match(/h..p/g) // ['http', 'hxyp', 'http']
  // h로 시작하고 p로 끝나는 모든 문자를 찾는다.
) 

console.log(
  str.match(/fox|dog/g) // ['fox', 'dog']
  // fox 또는 dog를 찾는다.
) 

console.log(
  str.match(/https?/g) // ['https', 'http']
  // http는 똑같이 존재하지만 s가 있는 것과 없는 것을 찾는다.
)

---

{3}  /  {3,}  /  {3, 5}

3개 연속 일치 / 3개 이상 연속 일치 / 3개 이상 5개 이하(3개 ~ 5개) 연속 일치

  console.log(
    str.match(/d{2}/g) // ['dd', 'dd']
    // d가 2개 연속으로 있는 문자를 찾는다.
  ) 

  console.log(
    str.match(/d{2,}/g) // ['dddd']
    // d가 2개 이상 연속으로 있는 문자를 찾는다.
  ) 

  console.log(
    str.match(/\b\w{2,3}\b/g) // ['010', 'com', 'www', 'com', 'The', 'fox', 'the', 'dog']
    // 63개의 문자에 일치하는 것이 띄어쓰기 경계가 있고 2개 연속 이상 3개 연속 이하 있는 것을 모두 찾는다.
 )

---

[abc]  /  [a-z]  /  [A-Z]  /  [0-9]  /   [가-힣]

a 또는 b 또는 c / a부터 z 사이의 문자 구간에 일치 (영어 소문자) / A부터 Z 사이의 문자 구간에 일치 (영어 대문자) / 0부터 9 사이의 문자 구간에 일치(숫자) / 가부터 힣 사이의 문자 구간에 일치(한글)

  console.log(
    str.match(/[fox]/g)
    // ['o', 'o', 'o', 'f', 'o', 'o', 'f', 'o', 'x', 'o', 'o', 'x', 'o', 'o']
    f, o, x 단어를 모두 찾는다.
  )

  console.log(
    str.match(/[0-9]{1,}/g)
    // ['010', '1234', '5678', '5451', '7035', '60', '1234']
    // 0부터 9 까지의 숫자가 연속적으로 있는 모든 단어를 찾는다.
  ) 
  
  console.log(
    str.match(/[가-힣]{1,}/g)
    // ['동해물과', '백두산이', '마르고', '닳도록', '하느님이', '보우하사']
    // 한글이 연속적으로 있는 모든 단어를 찾는다.
  )

---

\w  /  \b  /  \d  /  \s

63개 문자에 일치 / 63개 문자에 일치하지 않는 문자의 경계 / 숫자에 일치 / 공백에 일치

  console.log(
    str.match(/\w/g)
    // ['0', '1', '0', '1', '2', '3', '4', '5', '6', '7', '8', 'k', 'u', 'r', 't', '5', '4', '5', '1', 'n', 'a', 'v', 'e', 'r', 'c', 'o', 'm', 'h', 't', 't', 'p', 's', 'w', 'w', 'w', 'o', 'm', 'd', 'b', 'a', 'p', 'i', 'c', 'o', 'm', 'a', 'p', 'i', 'k', 'e', 'y', '7', '0', '3', '5', 'c', '6', '0', 'c', 's', 'f', 'r', 'o', 'z', 'e', 'n', 'T', 'h', 'e', 'q', 'u', 'i', 'c', 'k', 'b', 'r', 'o', 'w', 'n', 'f', 'o', 'x', 'j', 'u', 'm', 'p', 's', 'o', 'v', 'e', 'r', 't', 'h', 'e', 'l', 'a', 'z', 'y', 'd', 'o', …]
  	// 모든 문자를 찾는다.
  ) 
  
  console.log(
    str.match(/\b/g)
    // ['', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '']
  	// 모든 공백을 찾는다.
  ) 
  
  console.log(
    str.match(/\bf\w{1,}\b/g) // 소문자 f로 시작하는 단어를 찾는다.
    // ['frozen', 'fox']
  ) 
  console.log(
    str.match(/\d{1,}/g)
    // ['010', '1234', '5678', '5451', '7035', '60', '1234']
    // 공백을 경계로 한 숫자를 찾는다.
  ) 
  
  const h = `   the hello world     !`
  console.log(
    h.replace(/\s/g, '') // 공백을 찾아 공백을 없앤다.
  )
  // thehelloworld!

---

(?=)  /  (?<=)

앞쪽 일치 / 뒤쪽 일치

 console.log(
    str.match(/.{1,}(?=\@)/g) // ['kurt5451']
    // @ 앞에 있는 문자들을 출력한다.
  ) 
  
  console.log(
    str.match(/(?<=\@).{1,}/g) // ['naver.com']
    // @ 뒤에 있는 문자들을 출력한다.
  )

---

정규표현식 총 복습 주소

정규표현식에 대한 여태껏 했던 내용을 총 정리해놓은 README 파일

https://github.com/JAEMINKWAK/regexp-test

GitHub - JAEMINKWAK/regexp-test