javascript
[ 자바스크립트 ] 정규식 ─ search, test, replace
제뉴어리맨
2021. 3. 28. 18:53
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>
리턴은 대체된 전체 문자열.