문자열에서 특정 문자를 찾을 수 있는 메서드 indexOf()와 lastIndexOf()
각 메서드의 검색기준에 따라 값이 조금씩 변경되는 사항이 있다.
각각의 경우를 예를 통해 알기쉽게 정리해본다.
모든 예시의 문자열은 icecream 으로 통일합니다🍦

indexOf()

String.indexOf(searchValue[,fromIndex])

searchValue : 찾으려는 문자
fromIndex : 입력시 해당 index부터 검색

검색기준

왼쪽에서 오른쪽으로 검색

var value="icecream";
console.log(value.indexOf("c"));
//반환되는 값 : 1

두 번째 파라미터를 작성하면 작성한 index부터 검색

var value="icecream";
console.log(value.indexOf("c",2));
//반환되는 값 : 3
//"e"부터 검색

일치하는 문자가 없으면 -1 반환

var value="icecream";
console.log(value.indexOf("j"));
//반환되는 값 : -1

대소문자 구분

var value="Icecream";
console.log(value.indexOf("i"));
//반환되는 값 : -1

lastIndexOf()

String.lastIndexOf(searchValue[,fromIndex])

searchValue : 찾으려는 문자열. '뒤(오른쪽)에서부터' 검색
fromIndex : 입력시 해당 index부터 검색

검색기준

오른쪽에서 왼쪽으로 검색

var value="icecream";
console.log(value.lastIndexOf("e"));
//반환되는 값 : 5

두 번째 파라미터를 작성하면 작성한 index부터 검색

이 때 index는 왼쪽 기준으로 센다. 헷갈리니까 주의!

var value="icecream";
console.log(value.lastIndexOf("e",4));
/*반환되는 값 : 2
=index=4인 "r"부터 왼쪽으로 검색해 찾은 "e"의 index 값*/

var value="icecream";
console.log(value.lastIndexOf("e",5));
/*반환되는 값 : 5
=index=5인 "e"부터 왼쪽으로 검색해 찾은 "e"의 index 값*/

같은 문자가 없으면 -1반환

var value="icecream";
console.log(value.lastIndexOf("j"));
//반환되는 값 : -1

소문자와 대문자 구분

var value="Icecream";
console.log(value.lastIndexOf("i"));
//반환되는 값 : -1

📌 참고학습자료
InFlearn : 자바스크립트 비기너 강의 (김영보)
MDN