JavaScript에서 문자열을 다룰 때, 특정 문자나 부분 문자열의 인덱스를 찾고 싶을 때가 있습니다.
이런 경우에 indexOf() 메서드가 유용하게 사용됩니다. indexOf() 메서드는 문자열에서 특정 문자나 부분 문자열의 첫 번째로 등장하는 인덱스를 반환합니다. 만약 해당 문자열이 문자열 안에 존재하지 않는 경우에는 -1을 반환합니다.
indexOf() 메서드의 기본 구조
indexOf() 메서드의 기본 구조는 다음과 같습니다.
let index = string.indexOf(searchValue, startIndex);- searchValue: 찾고자 하는 문자열 또는 문자입니다.
- startIndex (선택 사항): 검색을 시작할 인덱스입니다. 이 값을 지정하면 해당 인덱스부터 검색을 시작합니다. 기본값은 0입니다.
문자열에서 특정 문자의 인덱스 찾기
아래 예시를 통해 indexOf() 메서드를 이해해 보겠습니다.
See the Pen indexof() -1 by saladent (@saladent) on CodePen.
위 코드에서는 indexOf("o")를 사용하여 문자열에서 'o' 문자의 첫 번째로 등장하는 인덱스를 찾았습니다. 결과로는 4가 출력됩니다.
부분 문자열의 인덱스 찾기
indexOf() 메서드는 부분 문자열의 첫 번째로 등장하는 인덱스도 찾을 수 있습니다.
See the Pen indexof() -2 by saladent (@saladent) on CodePen.
위 코드에서는 indexOf("world")를 사용하여 문자열에서 'world' 부분 문자열의 첫 번째로 등장하는 인덱스를 찾았습니다. 결과로는 7이 출력됩니다.
검색 시작 인덱스 지정하기
indexOf() 메서드를 사용할 때 검색 시작 인덱스를 지정할 수도 있습니다.
See the Pen indexOf() -3 by saladent (@saladent) on CodePen.
위 코드에서는 indexOf("o", 5)를 사용하여 문자열에서 인덱스 5부터 검색을 시작하여 'o' 문자의 첫 번째로 등장하는 인덱스를 찾습니다. 결과로는 8이 출력됩니다.
문자열이 존재하지 않는 경우
indexOf() 메서드는 검색 대상 문자열이 존재하지 않는 경우 -1을 반환합니다.
See the Pen Untitled by saladent (@saladent) on CodePen.
요약
JavaScript의 indexOf() 메서드는 문자열에서 특정 문자나 부분 문자열의 첫 번째로 등장하는 인덱스를 찾는 데에 사용됩니다. 부분 문자열의 경우도 찾을 수 있으며, 검색 시작 인덱스를 지정하여 검색 범위를 제한할 수 있습니다.