• 회원가입
  • 로그인
  • 구글아이디로 로그인

[String] JS - search() 메서드 - 문자열위치찾기 ※ 문자열포함검사

search() 예제

 

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


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


<script>

function homzzang() {

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

  var n = str.search("Homzzang");

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

}

</script>

 

결과값: 5   결과보기

 

search() 정의

 

문자열에서 지정된 값 검색 후 일치하는 위치 반환

 


 

1.

검색값은 문자열이나 정규표현식 옴.

※ 문자열 : 따옴표로 묶음.

※ 정규표현식 : 따옴표로 안 묶음.

 

2.

※ 모든 브라우저 지원

※ ECMAScript 1

 

3.

str.indexOf() 메서드 : 처음 일치 문자열 위치 반환.

str.lastIndexOf() 메서드 : 마지막 일치 문자열 위치 반환.

 

 

search() 구문

 

string.search(searchvalue)

 


[매개변수]

 

searchvalue 

필수. 검색값. 정규표현식.

문자열은 자동으로 정규표현식으로 전환됨.

 


[결과값]

 

일치값 있으면 : 일치값 위치 색인번호 반환. (0부터 시작)

일치값 없으면 : -1 반환. (※ 문자열 포함 검사에 활용)

 

 

search() 예제 - 대소문자 구분 O

 

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


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


<script>

function homzzang() {

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

  var n = str.search("homzzang");

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

}

</script>

 

결과값: 29  결과보기

 

search() 예제 - 대소문자 구분 X

 

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


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


<script>

function homzzang() {

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

  var n = str.search(/homzzang/i);

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

}

</script>

 

결과값: 5  결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Basic JS - Common Mistakes -
Basic JS - Performance -
Basic JS - Reserved Words -
Basic JS - Versions -
Basic JS - JSON (제이슨) - 데이터 전송 위한 가벼운 자료 형식.
Form JS - Forms - 폼양식 유효성 제어
Form JS - Forms API - 폼유효성
Object JS - Object - 객체개념(=객체의미=객체정의) ★ 3
Object JS - Object Property - 객체속성 ★
Object JS - Object Methods - 객체메서드 ★
Object JS - Object Accessors - 객체접근자 (Getter/Setter = 게러/세러 = 게터/세터… 2
Functions JS - Function Definition - 함수선언방법 + 함수호출방법 ★★★ (= 함수구문 + 함수특…
Functions JS - Function Parameter/argument - 함수 (매개변수/독립변수) ※ 변수 종류 ※ …
Functions JS - Function Invocation - 함수호출방법1 = (함수방식 + 메서드방식 + 함수생성자방…
Functions JS - call() 메서드 - 함수호출방법2 (= call메서드 = 콜메서드)
DOM JS - DOM (= 돔 = 문서객체모델) 정의
DOM JS - Method - 메서드 (= HTML 요소에 대한 수행 작업)
DOM JS - Document - 문서객체
DOM JS - Element Selector - 주요 요소선택자 (= 객체찾기) ※ JS외부링크호출 주의사항
DOM JS - HTML - 내용입력/내용변경/속성값변경(=속성값입력)
3/67
목록
찾아주셔서 감사합니다. Since 2012