JavaScript

[String] JS - match() 메서드 ★ - 일치하는 문자열 반환 (= match메서드 = 매치메서드) ※ 정규식 패턴 일치 검사

목차
  1. match() 예제 - 일치하는 문자열 반환
  2. match() 정의
  3. match() 구문
  4. match() 예제 - 매개변수 종류별 결과값

 

match() 예제 - 일치하는 문자열 반환

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var str = "홈짱닷컴 Homzzang.com"; 

  var res = str.match(/homzzang/gi);

  document.getElementById("demo").innerHTML = res;

}

</script>

 

결과보기

결과값: Homzzang

 

match() 정의

 

지정 문자열이나 정규표현식 패턴과 일치하는 문자열을 배열로 반환.

※ 일치 문자열이 없으면 null 반환.

 

 

 

match() 구문

 

string.match(match)

 


[매개변수]

 

match

찾을 정규표현식패턴(또는, 문자열)

 


[반환값]

 

  • 일치 문자열 존재 O 경우, 배열 반환.
  • 일치 문자열 존재 X 경우, null 반환.


 

match() 예제 - 매개변수 종류별 결과값

 

<p id="demo"></p>


<script>

let hz = "Homzzang.com HOMZZANG.COM homzzang.com";

let result;

result = hz.match("hom") + "<br>"; // hom

result += hz.match(/hom/) + "<br>"; // hom

result += hz.match(/hom/g) + "<br>"; // hom

result += hz.match(/hom/i) + "<br>"; // Hom

result += hz.match(/hom/gi); // Hom,HOM,hom

document.getElementById("demo").innerHTML = result;

</script>

 



분류 제목
DOM JS - CSS - 스타일변경
DOM JS - Animation - 애니메이션 (= 동적효과 = 움직임효과)
DOM JS - Events - 이벤트 2
DOM JS - addEventListener() 메서드 ★★★★★ - 이벤트 걸기 (= addEventListen…
DOM JS - Navigation - 노드탐색 (= 요소탐색) ※ 텍스트노드복사
DOM JS - Node - 노드추가, 노드삭제, 노드변경 (= 노드생성, 노드제거, 노드교체)
DOM JS - Collection - HTML요소집합 (= HTML요소묶음)
BOM JS - Window BOM - 윈도우 브라우저객체모델 (BOM: Browser Object Model)
BOM JS - Window Screen 객체 - 화면객체 (= 스크린객체 = screen객체)
BOM JS - Window Location 객체 - 위치객체 (= 로케이션객체 = Location객체) ※ loc…
BOM JS - Window History 객체 - 이력객체 (= 히스토리객체 = History객체 = 뒤로가기 +…
BOM JS - Window Navigator 객체 - 브라우저객체 (= 네이게이터객체 = Navigator객체 =…
BOM JS - Popup Boxes - 팝업상자 (= 팝업박스 = Alert Box + Confirm box + …
BOM JS - Timing Events ★ - 시간간격 코드실행 (= 타이밍 이벤트 = 시간이벤트 = 일정시간별 …
BOM JS - Cookie (쿠키) 사용법 ★★★ - 쿠키 (설정・생성) / 쿠키 (읽기・얻기・가져오기) / 쿠…
5/89
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인