[JavaScript] 문자열 특정 문자 위치 찾기 indexOf 함수

자바스크립트에서 문자 또는 문자열의 위치를 검색하기 위해 사용하는 함수들이 있다.
그중에서 indexOf 함수에 대해 알아보자.

1) indexOf?

: 지졍한 문자열을 앞에서부터 검색하여 최초로 발견한 문자열의 위치를 반환한다.
이 때 시작 위치(시작 index)를 지정하면 해당 위치부터 찾기 시작한다.
지정한 문자열이 발견되지 않으면 -1을 반환한다.
** 문법: str.indexOf(searchValue[, fromIndex]) **

• searchValue: 찾을 문자 or 문자열
• fromIndex: 해당 위치부터 문자열을 찾음

2) indexOf 사용법

2-1) 기본 사용법

: indexOf 함수의 기본 사용법은 str.indexOf("찾을 문자열")의 형태로 사용한다.

 해당 표를 참고하여 아래 예시들을 확인해보자.

 

var str = "Hello HTML, Hello JavaScript!";
console.log(str.indexOf("Hello")); // 결과: 0
console.log(str.indexOf("HTML")); // 결과: 6

• str.indexOf("Hello") : Hello는 0~4, 12~16 index에 두 번 존재하지만, 먼저 찾은 문자열의 첫 번째 index를 반환하므로 결과값은 0이다.
• str.indexOf("HTML") : HTML은 6~9 index에서 찾을 수 있고, 해당 문자열의 첫 번째 index를 반환하므로 결과값은 6이다.

2-2) 시작위치 옵션 사용법

: str.indexOf("찾을 문자열", "시작위치")의 형태로 사용하게 되면, 해당 시작위치부터 문자열을 찾기 시작한다.

var str = "Hello HTML, Hello JavaScript!";
console.log(str.indexOf("Hello", 0)); // 결과: 0
console.log(str.indexOf("Hello", 5)); // 결과: 12

• str.indexOf("Hello", 0) : 0번째 index부터 Hello 문자열을 찾기 때문에, 결과값은 0이다.
• str.indexOf("Hello", 5) : 5번째 index부터 Hello 문자열을 찾기 때문에, 결과값은 12이다.

 

[reference]
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf