본문 바로가기
JavaScript

문자열 검색 메서드(indexOF/lastIndexOf)

by 코린이 박원장👶 2022. 8. 16.

indexOF()

문자열 검색 메서드 중 indexOf()라는 친구에 대해서 알아보겠습니다.
indexOf()란 문자열에서 특정 문자의 위치를 찾아서 문자열이 '첫번째'로 나타나는 위치를 숫자값(index값)으로 반환해주는 자바스크립트 메서드 입니다.


문법

기본 문법은 다음과 같습니다.

"문자열".indexOf(검색값);
"문자열".indexOf(검색값, 위치값);

특징

▶ 찾는 문자열이 없으면 -1을 반환합니다.
▶ 문자열을 찾을 때 대소문자를 구분합니다.


예시

이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다.

const str = "javascript reference";
const currentStr1 = str.indexOf("javascript")   //0
const currentStr2 = str.indexOf("reference"); //11 : 문자열에서 'reference'가 처음으로 나타나는 위치의 index값을 반환
const currentStr3 = str.indexOf("j"); //0
const currentStr4 = str.indexOf("a"); //1
const currentStr5 = str.indexOf("v"); //2
const currentStr6 = str.indexOf("jquery"); //-1    //없는 데이터는 -1로 검색됨
const currentStr7 = str.indexOf("b"); //-1
const currentStr8 = str.indexOf("javascript, 0"); //0
const currentStr9 = str.indexOf("javascript, 1"); //-1
const currentStr10 = str.indexOf("reference, 0"); //11
const currentStr11 = str.indexOf("reference, 1"); //11
const currentStr12 = str.indexOf("reference, 11"); //11
const currentStr13 = str.indexOf("reference, 12"); //-1        //12번째부터 reference를 찾으므로 없는 데이터
const currentStr14 = str.indexOf("JAVA"); //-1        //대소문자를 구분하므로 -1이 반환됩니다.

lastIndexOF()

indoxOF()에서 기준점이 역순으로 잡히는 것을 제외하면 indexOF()와 크게 다른점은 없습니다.


문법

기본 문법은 다음과 같습니다.

"문자열".lastIndexOf(검색값);
"문자열".lastIndexOf(검색값, 위치값);

특징

▶ 찾는 문자열이 없으면 -1을 반환합니다.
▶ 문자열을 찾을 때 대소문자를 구분합니다.


예시

이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다.

const currentStr14 = str1.lastIndexOf("javascript"); //0
const currentStr15 = str1.lastIndexOf("reference"); //11
const currentStr16 = str1.lastIndexOf("j"); //0
const currentStr17 = str1.lastIndexOf("a"); //3
const currentStr18 = str1.lastIndexOf("v"); //2
const currentStr19 = str1.lastIndexOf("jquery"); //-1
const currentStr20 = str1.lastIndexOf("b"); //-1
const currentStr21 = str1.lastIndexOf("javascript", 0); //0
const currentStr22 = str1.lastIndexOf("javascript", 1); //0
const currentStr23 = str1.lastIndexOf("reference", 0); //-1
const currentStr24 = str1.lastIndexOf("reference", 1); //-1
const currentStr25 = str1.lastIndexOf("reference", 11); //11
const currentStr26 = str1.lastIndexOf("reference", 12); //11
728x90

'JavaScript' 카테고리의 다른 글

소/대문자메서드, 공백제거 메서드  (4) 2022.08.17
문자열 결합 / 템플릿 문자열  (4) 2022.08.17
문자열변경메서드(slice/substring/substr)  (6) 2022.08.16
정규식 표현  (5) 2022.08.16
내장 함수  (4) 2022.08.12

댓글


HTML이미지
HTML이미지

JAVASCRIPT

자세히 보기
HTML이미지