Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- regExp
- express-handlebars
- ajax
- Express
- flex-grow
- css grid
- css variables
- shit-christmas
- img 확대
- 정규표현식
- just-one-small-sip
- close together
- css 오버레이
- Sass
- module wrapper function
- 디자인패턴
- JS
- es6
- Object.create
- Prototype
- improve-iq-by-up-to-10%!
- flexbox
- flex-shrink
- 무료 백엔드 배포
- Engoo
- node
- Node.js
- flex-basis
- select by attribute
- css
Archives
- Today
- Total
Metacharacters in JS RegExp, 정규표현식에서의 특수문자 본문
와일드 카드 역할을 하는 .과 *의 차이점과, 선택적인 문자검색을 할 수 있게 하는 ?의 정확한 이해에 주의하며 아래의 코드를 참조해주세요.
let regExp;
// literal charcters
regExp = /hello/i;
// Metacharacter Symbols 특수문자
regExp = /^hel/i; // ^ 뒤에 나오는 문자열로 시작하는 문자열만 검색
regExp = /orld$/i; // $ 앞에 나오는 문자열로 끝나는 문자열만 검색
regExp = /^hello$/i; // ^ 뒤에 나오는 문자열로 시작하고, $앞에 나오는 문자열로 끝나는 문자열만 검색
regExp = /h.o/i; // .에 해당하는 하나의 문자는 아무 값이나 들어가도 된다고 인식하고 검색 (ex. hlo)
regExp = /h*o/i; // *에 해당하는 0개 또는 그 이상의 아무 문자들은 아무 값이나 들어가도 된다고 인식하고 검색 (ex. hllo, hello,helllllo..)
regExp = /he?a?llo/i // ? 앞의 문자가 붙거나 아예 붙지 않는 문자열만 검색 (ex. hello, hallo, hllo)
regExp = /he?a?llo\?/i // 문자 앞에 \를 붙여서 해당 문자를 escape 할 수 있음.
// String to match
const str = "hllo world";
// log Results
const result = regExp.exec(str);
console.log(result);
function regExpTest(regExp, str) {
if (regExp.test(str)) {
console.log(`${str} matched ${regExp.source}`);
} else {
console.log(`${str} does not matched ${regExp.source}`);
}
}
regExpTest(regExp, str);
'2021 프론트 엔드 로드맵 따라가기 > JS' 카테고리의 다른 글
Character Class & Assertions in Regular Expression (0) | 2021.06.14 |
---|---|
Character Sets, Quantifier and Grouping in Regular Expression, 정규표현식에서의 문자열 집합, 수량자 그리고 그룹화 (0) | 2021.06.13 |
Regular Expression in JS, 정규표현식 (0) | 2021.06.12 |
Error Handling in JS (0) | 2021.06.12 |
ES7 Async & Await (0) | 2021.06.09 |
Comments