반응형
“match()” 함수는 JavaScript에서 정규 표현식과 일치하는 문자열을 검색하는 데 사용합니다. “match()” 함수는 정규 표현식을 사용하여 문자열에서 일치하는 패턴을 찾을 때 유용하며, 모든 일치 항목을 배열로 반환합니다. 아래는 “match()” 함수의 구문과 사용된 인수들의 정의, 여러 사용 예제와 설명, 그리고 출력 결과에 대한 정보입니다.
◎ 구문 |
string.match(regexp)
- “string”: 정규 표현식을 검색할 문자열.
- “regexp”: 검색에 사용할 정규 표현식 패턴.
◎ 1. 특정 패턴 일치 찾기 |
이 예제에서는 "c.t" 패턴을 사용하여 문자열에서 "cat" 및 "cet"과 같은 모든 일치 항목을 찾습니다. “match()” 함수는 모든 일치 항목을 배열로 반환합니다.
const text = "The cat in the hat.";
const result = text.match(/c.t/g);
[출력]
["cat", "cet"]
◎ 2. 전역 검색 플래그와 함께 사용 |
여기서 "apple"을 대소문자 구분 없이 찾기 위해 “/apple/gi” 정규 표현식을 사용합니다. “match()” 함수는 모든 일치 항목을 배열로 반환하며 대소문자 구분 없이 검색합니다.
const text = "Apple, banana, cherry, apple.";
const result = text.match(/apple/gi);
[출력]
["Apple", "apple"]
◎ 3. 일치 항목이 없을 때 null 반환 |
만약 정규 표현식 패턴과 일치하는 항목이 문자열에 없다면 “match()” 함수는 “null”을 반환합니다.
const text = "Sample Text";
const result = text.match(/missing/);
[출력]
null
◎ 4. 정규 표현식 그룹 사용 |
이 경우, 정규 표현식은 날짜를 나타내는 "2023-10-13"과 일치하며, 그룹으로 묶인 연도, 월, 일 정보를 배열로 반환합니다.
const text = "2023-10-13";
const result = text.match(/(\\d{4})-(\\d{2})-(\\d{2})/);
[출력]
["2023-10-13", "2023", "10", "13"]
반응형
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
자바스크립트 DOM document.write() 함수로 화면에 텍스트를 출력하기 (3) | 2024.02.06 |
---|---|
자바스크립트(Javascript) escape, encodeURI, encodeURIComponent 인코딩 함수 (1) | 2024.01.15 |
자바스크립트(Javascript) 글자수 체크하는 방법 (5) | 2024.01.12 |
자바스크립트(Javascript) 문자열에 쓰이는 특수 문자를 기호로 넣는 방법 (1) | 2024.01.06 |
자바스크립트 replace() 문자열 대체하고 바꾸기 (1) | 2023.12.31 |
자바스크립트 trim() 함수 앞뒤 공백 제거 (0) | 2023.12.31 |
자바스크립트 find() 함수 조건에 맞는 요소 찾기 (2) | 2023.12.31 |
자바스크립트 foreach() 함수 배열 각 요소에 함수 실행 (0) | 2023.12.17 |