[JavaScript] The .findIndex() Method

안녕하세요. 동기 여러분! 오늘은 .findIndex() 메서드에 대해 알아보겠습니다.

 

The .findIndex() Method

객체(element)의 위치를 찾고 싶을 때, 우리는 .findIndex() 메서드를 사용하여 쉽게 찾아낼 수 있습니다. 물론 메서드 이름이 findIndex이니까 우리가 찾고 싶은 객체를 컴퓨터가 인덱스 번호로 알려줍니다. 하지만 우리가 걸어놓은 조건에 만족한 객체를 찾지 못한다면, 컴퓨터는 -1로 값을 알려주는데요, 이는 false라는 뜻으로 볼 수 있습니다. 

 

---

 

생김새

// JavaScript

const nums = [1, 2, 3, 4, 5, 6];

const largerThanFourNum = nums.findIndex(num => {
	return num > 4;
});

console.log(largerThanFourNum);

// 출력 : 4

음? 4보다 큰 숫자는 5, 6인데 인덱스 값은 4만 출력이 됐습니다. 왜 이럴까요? 

그것은 .findIndex() 메서드는 컴퓨터가 찾은 가장 첫 번째 객체의 인덱스 번호를 알려주기 때문입니다.

---

 

 

예제

● 동기 코딩이 구독하고 있는 여러 유튜브 채널의 배열(Array)을 만들고 '짬타수아'라는 유튜버를 찾는 코드를 만들어 보겠습니다.

 

1.  subscribedYoutubers = [동기 코딩이 구독 중인 채널들];
2.  whereJjamtasua라는 변수를 만들고 그안에 subscribedYoutubers에 .findIndex() 메서드를 사용하여 각 개체(subscribedYoutuber)의 인덱스 0번이 '짬'인 유튜버를 검색
3.  whereJjatasua를 출력하여 인덱스 번호 확인 -> 6
4.  인덱스 번호가 맞는지 확인을 위해 subscribedYoutubers[6]을 출력해봄.

 

● 인덱스를 찾지 못한 경우

• 같은 코드에 찾는 단어만 '튤'으로 바꾸어 봤더니 컴퓨터가 찾지 못하고 false값인 -1을 출력해주는 것을 확인할 수 있습니다.

 

 

---

오늘의 느낌

짬하짬하~~~