반응형
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 |