[JAVASCRIPT] 문자열 메서드 : indexOf( )

자바스크립트 : indexOf() 메서드

이번 시간에는 문자열 메서드 중 하나인 indexOf() 메서드에 대해 알아보겠습니다.😆

---

#1. indexOf( )

indexOf() 메서드는 문자열에서 추출하고 싶은 문자의 위치를 찾은 후 숫자로 해당 문자열을 반환합니다. 즉 특정 문자가 문자열의 어느 index에 위치하는지 찾는 메서드라고 볼 수 있습니다.

! indexOf() 사용법 !
"문자열".indexOf(검색값)
"문자열".indexOf(검색값, 위치값) : 처음 값은 추출하고 싶은 문자열을 작성하고 마지막 값을 그 문자열을 찾기 시작 할 위치로 적으면 된다.

✏️예제 코드

const str1 = "javascript reference"
            
const currentStr1 = str1.indexOf("javascript"); // 0
const currentStr2 = str1.indexOf("reference"); // 11 (11번째 자리 : 위치 값 출력)
const currentStr3 = str1.indexOf("j");        // 0
const currentStr4 = str1.indexOf("a");        // 1 (중복일 때 가장 처음 것만 출력)
const currentStr5 = str1.indexOf("v");        // 2
const currentStr6 = str1.indexOf("jquery");   // -1 (찾는 문자가 문자열에 존재하지 않으므로 -1 출력)
const currentStr7 = str1.indexOf("b");        // -1

const currentStr8 = str1.indexOf("javascript", 0);   // 0
const currentStr9 = str1.indexOf("javascript", 1);   // -1
const currentStr10 = str1.indexOf("reference", 0);   // 11
const currentStr11 = str1.indexOf("reference", 1);   // 11
const currentStr12 = str1.indexOf("reference", 11);  // 11
const currentStr13 = str1.indexOf("reference", 12);  // -1

! point !
• 만약 선택한 문자가 여러개일 경우 가장 첫번째 문자만 출력합니다.
• 찾는 문자열이 없을 경우 음수인 -1을 반환합니다.
• 문자열을 찾을 때 대소문자를 구별합니다.

---

#2. lastIndexOf( )

lastIndexOf() 메서드는 문자열에서 추출하고 싶은 문자의 위치를 뒤에서 부터 찾은 후 숫자로 해당 문자열을 반환합니다.

! lastIndexOf() 사용법 !
"문자열".lastIndexOf(검색값)
: indexOf와 문법은 똑같지만 뒤에서 검색한다는 점이 차이점이 있습니다. "문자열".lastIndexOf(검색값, 위치값)

✏️예제 코드

const str1 = "javascript reference"

const currentStr1 = str1.lastIndexOf("javascript");      // 0
const currentStr2 = str1.lastIndexOf("reference");       // 11
const currentStr3 = str1.lastIndexOf("j");               // 0
const currentStr4 = str1.lastIndexOf("a");               // 3 (여러개일 때 마지막 a의 위치를 출력)
const currentStr5 = str1.lastIndexOf("v");               // 2
const currentStr6 = str1.lastIndexOf("jquery");          // -1
const currentStr7 = str1.lastIndexOf("b");               // -1
const currentStr8 = str1.lastIndexOf("javascript", 0);   // 0
const currentStr9 = str1.lastIndexOf("javascript", 1);   // 0
const currentStr10 = str1.lastIndexOf("reference", 0);    // -1
const currentStr11 = str1.lastIndexOf("reference", 1);    // -1
const currentStr12 = str1.lastIndexOf("reference", 11);   // 11
const currentStr13 = str1.lastIndexOf("reference", 12);   // 11

! point !
• 만약 선택한 문자가 여러개일 경우 가장 마지막 문자만 출력합니다.
• 찾는 문자열이 없을 경우 음수인 -1을 반환합니다.
• 문자열을 찾을 때 대소문자를 구별합니다.

---

😀

잘 이해하셨나요?!
다음 시간에는 indexOf( ) 메서드를 활용한 검색 사이트를 실습해봅시다! 모두 수고하셨습니다:)