[Java Script] find, findIndex 함수

JS 숙제를 하던 중에 자꾸 개념이 헷갈려서 정리해야겠다 생각이 들었다..

언뜻보면 find가 붙어서 비슷한거 같지만 서로 다른 기능을 한다. ㅋㅋㅋ...  

 

일단 두 함수 모두 조건을 만족하는 배열 요소의 값 또는 인덱스를 찾기 위해 사용하는 함수이다.

 

차이점은 요소의 값을 반환하냐, 요소의 인덱스를 반환하냐 이다.

 

find : 배열의 요소를 순차적으로 순환해서 조건에 일치하는 요소의 값을 반환한다. 

=> 조건과 일치하는 경우가 없으면 undefined를 반환한다.

 

findIndex : 배열의 요소를 순차적으로 순회하면서 조건에 일치하는 요소의 인덱스를 반환한다.

=> 조건을 일치하는 경우가 없으면 -1을 반환한다.

//find 함수
arr.find(callback(element, index, array), thisArg)

//findIndex 함수
arr.findIndex(callback(element, index, array), thisArg)

 

매개 변수는 두 함수 모두 동일하다.

=> index, array, thisArg는 생략가능한 요소이다.

 

arr : 순환하려는 배열

 

element :  배열에서 현재 처리 중인 요소

 

index : 배열에서 처리 중인 현재 요소의 인덱스

 

array : filter함수를 호출한 배열 

 

thisArg : callback을 실행할 때 this로 사용되는 값

 

const Chicken = ['양념', '후라이드', '간장', '꿀', '카레'];

const isWhatKindChicken = (element) => element == '후라이드';

console.log(Chicken.find(isWhatKindChicken));
//출력 : 후라이드
//findIndex의 경우는 1을 출력