정규 표현식에서 자주 사용되는 메소드는 test(), search(), replace()이다.
test() - 찾는 문자열이 포함된 여부를 알려준다.
회원가입 할 때 아이디나 비밀번호 입력의 유효성 검사에 많이 사용된다.
문장안에서 찾으려는 문자가 들어 있으면 결과는 true이고 없으면 false 이다
search() - 검색된 문자열의 위치값을 반환한다. (전체 문자열에서의 순서이다.)
순서값을 계산할 때 공백은 제외하고 판단한다. 만일 해당 찾으려는 단어가 없으면 -1을 반환한다.
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" );
pTag.innerHTML = change;
}
</script>
<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>
참고: https://tonks.tistory.com/20
'JS' 카테고리의 다른 글
(DOM) querySelector로 좀 더 복잡한 요소를 선택해 보자. (0) | 2022.02.21 |
---|---|
(JS) DOM과 Jquery로 짠 코드 간단한 차이 (0) | 2022.02.21 |
(Javascript) 크롬 개발자 도구 Local Storage 활용 (0) | 2021.10.26 |
(Javascript) JSON 기본 (0) | 2021.10.20 |
(Javascript 에러) Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document' (0) | 2021.09.27 |