[Javascript] find, findIndex 함수

🎶 find

판별 함수를 만족하는 첫 요소 반환

형태

arr.findIndex(callback)

설명

1. callback 함수

• 개발자가 직접 작성
• 원하는 조건을 만족하면 true를 반환, 아니면 false를 반환하도록 작성해준다.
• 조건을 만족시키는 첫 번째 요소를 찾자마자 true를 반환한다. 즉 첫번째 요소만 찾아낸다는 뜻이다.

2. findIndex 함수

• callback 함수가 true를 반환하면 해당 조건을 만족시킨 요소를 반환. false를 반환하면 undefined를 반환.

3. callback 함수가 받는 인자

callback(element, index, array)

• 배열의 모든 요소를 순회하며 체크한다.

예시

const array1 = [5, 12, 8, 130, 44];

const found = array1.find((element) => element > 10);

console.log(found); // 12

🎶 findIndex

find와 비슷하지만,
판별 함수를 만족하는 첫 인덱스 반환

형태

arr.findIndex(callback)

설명

1. callback 함수

• 개발자가 직접 작성
• 원하는 조건을 만족하면 true를 반환, 아니면 false를 반환하도록 작성해준다.
• 조건을 만족시키는 첫 번째 요소를 찾자마자 true를 반환한다. 즉 첫번째 요소만 찾아낸다는 뜻이다.

2. findIndex 함수

• callback 함수가 true를 반환하면 해당 조건을 만족시킨 요소의 index(Number 타입)를 반환. false를 반환하면 -1을 반환.

3. callback 함수가 받는 인자

callback(element, index, array)

• 배열의 모든 요소를 순회하며 체크한다.

예시

const hobbies = ["Sports", "Cooking", "날 찾아", "Reading"];

const index = hobbies.findIndex((item) => item === "날 찾아"); //요소 순회
/* 얘랑 동일
hobbies.findIndex((item) => {
  return item === "날 찾아";
});
 */

console.log(index); // 2

👉 callback 함수인 (item) => item === "날 찾아"가 true를 반환하면 요소의 index인 2를 findIndex 함수가 반환한다.

const arr = [5, 6, 9, 1, 6, 3, 2, 1, 2, 7, 9, 4, 3];

const find = arr.findIndex((element, index, array) => {
  return index < 7 && index > 5; // 결국 index가 6인애 찾는거임
});

console.log(find); // 6

---

참고 링크
https://bbaktaeho-95.tistory.com/40