[ 자바스크립트 ] 정규식 ─ search, test, replace

search() ㅡ 검색된 문자열의 위치값을 내놓는다. (전체 문자열에서 몇번째에 있는지)

<button onclick="getPosition()">클릭하세요</button>

<p id="p_tag">Please visit Tistory! </p>

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

<script type="text/javascript">

function getPosition (){ 
	 var string = p_tag.innerHTML; 
	 var regExp = /Tistory/; 
	 var position = string.search( regExp ); 
	 demo.innerHTML = position; 
} 
</script>

대상이 되는 문자열에서 매개변수 문자열의 위치값을 리턴.

문자열내에 존재하지 않으면 -1 리턴.

문자열의 위치값은 0부터 시작.

 

 

test() ㅡ 찾는 문자열이, 들어있는지 아닌지를 알려준다.

<button onclick="checkingExists()">클릭하세요</button>

<p id="p_tag">Please visit Tistory! </p>

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

<script type="text/javascript">

function checkingExists (){
	var string = p_tag.innerHTML; 
	var reg = /story/; 
	var testing = reg.test( string ); 
	demo.innerHTML = testing; 
}
</script> 

대상이 되는 문자열에서 매개변수 문자열의 존재 여부를 리턴 (true, false)

 

해석 : reg.test(string) => /story/(reg)가 들어있나요?(test) Please visit Tistory! ((string)) 안에 

 

replace() ㅡ 문자열의 일부를 다른 문자열로 바꿀 때 사용한다.

 

대상이 되는 문자열에서 첫번째 매개변수 문자열이 존재하는 위치에 두번째 문자열로 대체함.

<button onclick="changeString()">교체하기</button>

<p id="p_tag">Please visit Tistory! </p>

<script type="text/javascript">

function changeString (){ 
	var string = p_tag.innerHTML; 
	var change = string.replace( /Tistory/ , "Naver" );

	p_tag.innerHTML = change; 
}
</script> 

 

리턴은 대체된 전체 문자열.

 

 

 

출처 : [ 자바스크립트 ] 정규식 ─ search, test, replace (tistory.com)