[JavaScript] 문자열, 배열에서 지정 요소의 위치 찾기 - indexOf(), lastIndexOf()

JavaScript

요소의 위치 찾기!

이번에 알아 볼 메서드는 바로 문자열 또는 배열, 즉 String 타입과 Array타입에서 특정 문자의 위치(index)를 찾아주는 함수입니다.

indexOf()

indexOf()는 문자열 또는 배열에서 지정된 요소를 앞에서부터 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다.

String.prototype.indexOf()

구문

str.indexOf(searchValue[, fromIndex])

매개변수

searchValue
찾으려는 문자열

fromIndex
문자열을 찾기 시작하는 위치, 인덱스 값. 기본값은 0이며 length보다 높은 숫자면 -1 반환

예시

const str = 'hello world' // length: 11
console.log(str.indexOf('e'))
// output> 1
console.log(str.indexOf('j'))
// output> -1

Array.prototype.indexOf()

구문

arr.indexOf(searchElement[, fromIndex])

매개변수

searchElement
찾으려는 요소

fromIndex
검색을 시작하는 인덱스.
기본값은 0이며, 인덱스가 배열의 길이보다 크거나 같은 경우 -1이 반환되므로 배열이 검색되지 않습니다.
제공된 색인 값이 음수이면 배열 끝에서부터의 오프셋 값으로 사용됩니다.

예시

const arr = [1, 2, 3, 4] // length: 4
console.log(arr.indexOf(3))
// output> 2
console.log(arr.indexOf(6))
// output> -1

lastIndexOf()

lastIndexOf()는 위의 indexOf()와는 반대로 찾고자하는 요소를 역순으로 탐색하여,
최초로 발견되는 요소의 인덱스를 반환을 합니다. 그리고 마찬가지로 존재하지 않으면 -1을 반환합니다.

String.prototype.lastIndexOf()

구문

str.lastIndexOf(searchValue[, fromIndex])

매개변수

searchValue
찾으려는 문자열

fromIndex
탐색의 시작점으로 사용할 인덱스.
찾으려는 문자열의 length보다 크면 모든 문자열을 탐색하고, 0보다 작은 음수를 적으면 0을 지정한 것과 동일합니다.

예시

const str = 'hello world' // length: 11
console.log(str.lastIndexOf('l'))
// output> 9
console.log(str.lastIndexOf('j'))
// output> -1

Array.prototype.lastIndexOf()

구문

arr.indexOf(searchElement[, fromIndex])

매개변수

searchElement
찾으려는 요소

fromIndex
역순으로 검색을 시작할 인덱스.
기본값은 배열의 길이에서 1을 뺀 값(arr.length - 1)이며, 지정하지 않으면 전체 배열을 탐색합니다.
만약 값이 음수이면 배열 끝에서부터의 arr.length + fromIndex 값으로 계산합니다.

예시

const arr = [1, 2, 3, 4, 3, 5] // length: 6
console.log(arr.lastIndexOf(3))
// output> 4
console.log(arr.lastIndexOf(6))
// output> -1
console.log(arr.lastIndexOf(3, -4))
// output> 2