Front

indexOf 와 lastIndexOf() 메서드 [문자열 탐색]

jojelly 2022. 8. 10. 13:21
반응형

indexOf 는 앞에서 부터 문자열 찾기 lastIndexOf는 뒤에서 부터 문자열을 찾는다고 생각하면 된다. 

 

 

indexOf(검색할 값 , 시작위치) -  시작위치에서 부터 검색할 값을 찾기 시작하는 속성이다
 여기서 시작할 위치가 생략이 될 경우(indexOf("3"))에는 시작위치의 값을 0으로 인식하여 처음부터 검색을 시작한다.
 일치하는 결과값이 없을 경우에는 -1로 결과를 리턴

var str = "123456123456123456" ;

console .log(str. indexOf ( "3" ));
// 결과 : 2
console .log(str. indexOf ( "3" , 10 ));
// 결과 : 14​

 

 

 

lastIndexOf() 메서드는 주어진 값과 일치하는 부분을 fromIndex로부터 역순으로 탐색하여, 최초로 마주치는 인덱스를 반환합니다. 일치하는 부분을 찾을 수 없으면 -1을 반환한다.

 

let anyString = 'Brave new world';

console.log('시작점으로부터 처음 만나는 w의 위치는 ' + anyString.indexOf('w'));
// logs 8
console.log('끝점으로부터 처음 만나는 w의 위치는 ' + anyString.lastIndexOf('w'));
// logs 10
console.log('시작점으로부터 처음 만나는 "new"의 위치는 ' + anyString.indexOf('new'));
// logs 6
console.log('끝점으로부터 처음 만나는 "new"의 위치는 ' + anyString.lastIndexOf('new'));
// logs 6

 

String str = "123456123456";

console .log(str. lastIndexOf ( "3" , 10 ));

예시)

lastIndexOf("3", 10)

시작할 위치를 10으로 세팅해 주게 되면 뒤에서 부터 탐색을 시작할 때 그 위치를 설정해 주게 된다.
 즉 lastIndexOf라고 해서 찾을 값을 3을 찾는데 뒤에서부터 10번째 위치에서 부터 앞으로 찾기 시작하라는 것입니다.
 그래서 검색을 이체한 금액 3이라는 것 앞에서부터 검색을 시작하게 됩니다.
 이렇게 시작한 검색은 이체할 금액 3이라는 3의 위치를 검색하게 되고, 그 결과값은 앞에서부터 7번째 위치라는 것을 반환하게 됩니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형

'Front' 카테고리의 다른 글

html 실시간 컴파일 모듈 devtools  (0) 2022.03.21
JS의 데이터타입  (0) 2022.03.20
jQuery - each() 메서드  (0) 2022.03.19
프로젝트에 아이콘 추가하기  (0) 2021.08.28
foreach에서의 varStatus 속성 이용  (0) 2020.11.11