[JavaScript] 배열 내 특정 원소 인덱스 찾기(indexOf, lastIndexOf 함수)

💡 목표

JavaScript에서 배열 내 특정 원소의 인덱스 추출 방법을 학습한다.

1.  indexOf 함수: 배열 앞에서부터 원소 위치 탐색

let arr1 = ['tiger', 'lion', 'cat', 'dog', 'cat'];
console.log(arr1.indexOf('cat')); // 찾은 경우 인덱스 반환: 2
console.log(arr1.indexOf('rabbit')); // 못 찾은 경우 -1

indexOf 함수는 배열 맨 앞에서부터(인덱스 [0]) 특정 원소의 위치를 탐색하고,

배열 내 해당 원소가 있다면 가장 먼저 발견된 인덱스를 반환합니다.

단, 만약 배열 내 해당 원소가 없다면 -1을 반환합니다.

위 예제 코드에서는 3번째 위치에 있는 원소의 인덱스 2를 반환합니다.

2.  lastIndexOf 함수: 배열 뒤에서부터 원소 위치 탐색

let arr2 = ['tiger', 'lion', 'cat', 'dog', 'cat'];
console.log(arr2.lastIndexOf('cat')); // 4
console.log(arr2.lastIndexOf('rabbit')); // 못 찾은 경우 -1

lastIndexOf 함수는 indexOf 함수와 반대 방향인 배열 뒤에서부터 원소의 위치를 탐색하고

원소를 찾으면 가장 먼저 발견된 원소의 인덱스를 반환합니다.

단, 만약 배열 내 해당 원소가 없다면 -1을 반환합니다.

위 예제 코드에서는 맨 뒤에 있는 'cat'이 먼저 발견되기 때문에 인덱스 4를 반환합니다.

 

이처럼, indexOf와 lastIndexOf 함수는 배열 내 원소를 탐색하는 방향이 다르기 때문에,

배열 내 중복된 원소가 있을 경우 어떤 함수를 쓰느냐에 따라 결괏값이 달라집니다.

---

포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요!

그럼 오늘도 즐겁고 멋진 만드시길 바랍니다.

고맙습니다 :-)