String.prototype.indexOf

은비·2023년 8월 28일
1

JS_String

목록 보기
5/6
post-thumbnail

String.prototype.indexOf

  1. 첫 번째로 일치하는 문자열 또는 문자의 인덱스를 찾는다. 만약 일치하는 항목이 없다면 -1을 반환한다.
  2. 대소문자를 구분하여 검색하며, 정확한 매치가 필요할 때 유용하다.
  3. 메서드는 전체 문자열에서 검색을 수행하며, 일치하는 첫 번째 항목만 반환한다.
  4. 메서드는 원본 문자열을 변경하지 않는다.
  5. 선택적으로 시작 인덱스를 지정하여 검색을 시작할 위치를 설정할 수 있다. (두번째 인수로 검색 시작 위치를 지정할 수 있다.)
const str = 'Hello, World!';
const result = str.indexOf('World');

console.log(result); // 7

/* 
"world"라는 문자열이 처음으로 등장하는 위치의 인덱스인 7을 반환한다.
*/
const str = "Hello, Javascript!";
const result = str.indexOf('');

console.log(result); // 6

/*
 첫 번째로 등장하는 공백 문자의 인덱스인 6를 반환한다. 즉, "Hello," 다음에 있는 공백의 위치이다.
*/
const str = "Hello, Javascript!";
const result = str.indexOf('l'); // 2
const result1 = str.indexOf('l', 3); // 3
const result2 = str.indexOf('a', 9); // 10

/*
1. str.indexOf('l')은 문자열 "Hello, Javascript!"에서 'l'이 처음으로 등장하는 인덱스를 찾는다. 따라서 결과는 2가 된다.
2. str.indexOf('l', 3)은 문자열 "Hello, Javascript!"에서 인덱스 3 이후부터 'l'이 처음으로 등장하는 인덱스를 찾는다. 여기서는 'l'이 인덱스 3에 있으므로 결과는 3이 된다.
3. str.indexOf('a', 9)은 문자열 "Hello, Javascript!"에서 인덱스 9 이후부터 'a'가 처음으로 등장하는 인덱스를 찾는다. 여기서는 'a'가 인덱스 10에 있으므로 결과는 10이 된다.
*/

String.prototype.indexOf() 함수가 찾은 결과의 위치(index)만 반환하며 실제 매칭된 내용 자체를 가져오려면 다른 함수인 substring(), slice() 등을 사용해야 한다.

0개의 댓글