1
/regexr/i
2

3
/ : 시작기호
4
regexr : 패턴
5
i : 플래그

1
// 리터럴 방식
2
const regex1 = /abc/
3

4
// 생성자 방식
5
const regex2 = new RegExp('abc')
6
const regex3 = new RegExp(/abc/) // 이렇게 해도 됨

1
// 정규표현식을 담은 변수
2
const regex = /apple/ // apple 이라는 단어가 있는지 필터링
3

4
// "문자열"이 "정규표현식"과 매칭되면 true, 아니면 false반환
5
regex.test('Hello banana and apple hahahaha') // true
6

7
// "문자열"에서 "정규표현식"에 매칭되는 항목들을 배열로 반환
8
const txt = 'Hello banana and apple hahahaha'
9
txt.match(regex) // ['apple']
10

11
// "정규표현식"에 매칭되는 항목을 "대체문자열"로 변환
12
txt.replace(regex, 'watermelon') // 'Hello banana and watermelon hahahaha'

1
// flags 에 플래그 문자열이 들어간다.
2
const flags = 'i'
3
const regex = new RegExp('abapplec', flags)
4

5
// 리터럴로 슬래쉬 문자뒤에 바로 표현이 가능
6
const regex1 = /apple/i
7
const regex2 = /apple/gm

1
// `a`가 두 개 포함된 문자열
2
const str = 'abcabc'
3

4
// `g` 플래그 없이는 최초에 발견된 문자만 반환
5
str.match(/a/) // ["a", index: 0, input: "abcabc", groups: undefined]
6

7
// `g` 플래그가 있으면 모든 결과가 배열로 반환
8
str.match(/a/g) // (2) ["a", "a"]

1
// 줄바꿈이 포함된 3줄 문자열
2
const str = 'Hello World and\nPower Hello?\nPower Overwhelming!!'
3
/*
4
	Hello World and
5
	Power Hello?
6
	Power Overwhelming!!
7
*/
8

9
// Hello 단어로 시작하는지 검사 (^ 문자는 문장 시작점을 의미)
10
str.match(/^Hello/) // ["Hello"]
11
// → 첫번째 줄은 잘 찾음
12

13
// Power 단어로 시작하는지 검사 (^ 문자는 문장 시작점을 의미)
14
str.match(/^Power/) // null
15
// → 그러나 그 다음 줄은 검색되지 아니함
16

17
// 따라서 m 플래그를 통해 개행되는 다음 줄도 검색되게 설정
18
str.match(/^Power/m) // ['Power']
19

20
// 세번째 줄도 검색되게 하고싶으면 g 플래그와 혼합 사용
21
str.match(/^Power/gm) // ['Power', 'Power']

1
const str = 'abcABC'
2

3
// 대소문자 a 검색
4
str.match(/a/gi) // (2) ["a", "A"]

1
'kokokoko'.match(/ko+/) // "ko"
2
'kooookoooo'.match(/ko+/) // "koooo"

1
'kokokoko'.match(/ko+/) // "ko"
2
'kooookoooo'.match(/ko+/) // "koooo"

1
'kokokoko'.match(/(ko)+/) // "kokokoko", "ko"

1
'123abc'.match(/(\d+)(\w)/) // "123a", "123", "a"
2
/*
3
1. 패턴 ()안의 표현식을 순서대로 캡처. \d+, \w
4
2. 캡처 후 남은 표현식으로 검색.
5
3. 패턴 \d로 숫자를 검색하되 패턴 +로 1개 이상 연속되는 숫자를 검색 → "123"
6
4. 다음 패턴 \w는 문자를 검색하니 "a"가 일치 
7
5. 최종적으로 "123a"가 반환.
8
 
9
6. 첫 번째 캡처한 표현식 \d+로 숫자를 재검색하되 패턴 +로 1개 이상 연속되는 숫자를 검색
10
7. "123"가 일치하여 반환
11
 
12
8. 나머지 캡처한 표현식 \w로 문자를 검색하니 "a"가 일치하여 반환
13
*/

1
// 그룹화 + 캡처
2
'kokokoko'.match(/(ko)+/) // "kokokoko", "ko"
3

4
// 그룹화만
5
'kokokoko'.match(/(?:ko)+/) // "kokokoko"

1
\d{3}-\d{3,4}-\d{4}
2

3
안녕하세요. 010-1234-5678로 연락해주세요!

1
.+@.+\..+
2

3
kciter@naver.com
4
kciter@cobalt.run
5
kciter@naver
6
kciter@cobal@run

1
.+@(.+)\..+

1
(.+)@(.+)\..+

1
/* 생성자 함수 방식 */
2
// new RegExg(표현식)
3
const regExp1 = new RegExp('^d+')
4

5
// new RegExg(표현식, 플래그)
6
const regExp2 = new RegExp('^d+', 'gi')
7

8
/* 리터럴 방식 */
9
// /표현식/
10
const regexp1 = /^\d+/
11

12
// /표현식/플래그
13
const regexp2 = /^\d+/gi

1
const message = '안녕하세요. 010-1234-5678로 연락주세요!'
2
const message2 = '안녕하세요. 연락하지 마세요!'
3

4
// 정규표현식 리터럴
5
const regExp = /\d{3}-\d{3,4}-\d{4}/
6
console.log(regExp.test(message)) // true
7
console.log(regExp.test(message2)) // false

1
const message = '안녕하세요. 010-1234-5678로 연락주세요!'
2
const message2 = '안녕하세요. 연락하지 마세요!'
3

4
// 정규표현식 리터럴
5
const regExp = /\d{3}-\d{3,4}-\d{4}/
6
console.log(regExp.exec(message))
7
// [
8
//   '010-1234-5678',
9
//   index: 7,
10
//   input: '안녕하세요. 010-1234-5678로 연락주세요!',
11
//   groups: undefined
12
// ]
13

14
console.log(regExp.exec(message2)) // null

1
const message = '안녕하세요. 010-1234-5678로 연락주세요!'
2
const message2 = '안녕하세요. 010-1234-5678말고 010-9876-5432로 연락주세요!'
3

4
// 정규표현식 리터럴
5
const regExp = /\d{3}-\d{3,4}-\d{4}/
6
console.log(message.match(regExp))
7
// [
8
//   '010-1234-5678',
9
//   index: 7,
10
//   input: '안녕하세요. 010-1234-5678로 연락주세요!',
11
//   groups: undefined
12
// ]
13

14
// 📌 무조건 처음 매칭된 것을 반환한다.
15
console.log(message2.match(regExp))
16
// [
17
//   '010-1234-5678',
18
//   index: 7,
19
//   input: '안녕하세요. 010-1234-5678말고 010-9876-5432로 연락주세요!',
20
//   groups: undefined
21
// ]
22

23
// 📌 모두 탐색하려면 matchAll을 사용할 수 있다.
24
console.log([...message2.matchAll(/\d{3}-\d{3,4}-\d{4}/g)])
25
// [
26
//   [
27
//     '010-1234-5678',
28
//     index: 7,
29
//     input: '안녕하세요. 010-1234-5678말고 010-9876-5432로 연락주세요!',
30
//     groups: undefined
31
//   ],
32
//   [
33
//     '010-9876-5432',
34
//     index: 23,
35
//     input: '안녕하세요. 010-1234-5678말고 010-9876-5432로 연락주세요!',
36
//     groups: undefined
37
//   ]
38
// ]

1
const message = '안녕하세요. 010-1234-5678로 연락주세요!'
2
const message2 = '안녕하세요. 010-1234-5678말고 010-9876-5432로 연락주세요!'
3

4
// 정규표현식 리터럴
5
const regExp = /\d{3}-\d{3,4}-\d{4}/
6
console.log(message.replace(regExp, '전화번호'))
7
// 안녕하세요. 전화번호로 연락주세요!
8

9
console.log(message2.replace(regExp, '전화번호'))
10
// 안녕하세요. 전화번호말고 010-9876-5432로 연락주세요!
11

12
// 📌 옵션으로 g를 붙임녀 모두 변경된다.
13
console.log(message2.replace(/\d{3}-\d{3,4}-\d{4}/g, '전화번호'))
14
// 안녕하세요. 전화번호말고 전화번호로 연락주세요!

1
const message = '안녕하세요. 010-1234-5678로 연락주세요!'
2
const message2 = '안녕하세요. 010-1234-5678말고 010-9876-5432로 연락주세요!'
3

4
// 정규표현식 리터럴
5
const regExp = /\d{3}-\d{3,4}-\d{4}/
6
console.log(message.search(regExp)) // 7
7
console.log(message2.search(regExp)) // 7
8

9
// 📌 무조건 처음 매칭된 것을 반환한다.
10
console.log(message2.search(/\d{3}-\d{3,4}-\d{4}/g)) // 7
11

12
// 안녕하세요. 전화번호말고 전화번호로 연락주세요!
13

14
// 📌 모두 탐색하려면 matchAll을 사용할 수 있다.
15
console.log([...message2.matchAll(/\d{3}-\d{3,4}-\d{4}/g)])
16
// [
17
//   [
18
//     '010-1234-5678',
19
//     index: 7,
20
//     input: '안녕하세요. 010-1234-5678말고 010-9876-5432로 연락주세요!',
21
//     groups: undefined
22
//   ],
23
//   [
24
//     '010-9876-5432',
25
//     index: 23,
26
//     input: '안녕하세요. 010-1234-5678말고 010-9876-5432로 연락주세요!',
27
//     groups: undefined
28
//   ]
29
// ]

1
const message = '안녕하세요. 010-1234-5678로 연락주세요!'
2

3
// 정규표현식 리터럴
4
const regExp = /(\d{3})-(\d{3,4})-(\d{4})/
5
console.log(message.match(regExp))
6
// [
7
//   '010-1234-5678',
8
//   '010',
9
//   '1234',
10
//   '5678',
11
//   index: 7,
12
//   input: '안녕하세요. 010-1234-5678로 연락주세요!',
13
//   groups: undefined
14
// ]

1
(.)\1*
2

3
ABBBCC

1
const raw = 'AAAAAABBBDFFFFFFFKK'
2
const compressed = '6A3B1D7F2K'
3

4
const regExp = /(.)\1*/g
5
const result = raw.match(regExp).reduce((a, b) => a + `${b.length}${b.slice(0, 1)}`, '')
6

7
console.log(result) // 6A3B1D7F2K
8
console.log(result === compressed) // true