[ Javascript ] Array.prototype.find()

find() 메서드

find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 만약 그런 요소가 없을 경우에는 undefined를 반환합니다.

 

구문

arr.find(callback[, thisArg]);

 

매개변수

• callback: 배열의 각 값에 대해 실행할 함수입니다. 아래 세 인자를 받습니다. 
• index: 콜백함수에서 처리할 현재 요소의 인덱스
• array: find 함수를 호출한 배열
• thisArg: 선택 항목. 콜백이 호출될 때 this로 사용할 객체

 

반환 값

주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. ( 그 외에는 undefined를 반환합니다. )

 

예제

 

10보다 큰 가장 첫 번째 요소 찾기

const arr = [5, 7, 1, 100, 130, 42];

const found = arr.find(el => el > 10);

console.log(found); // 100

 

속성 중 하나를 사용하여 배열에서 객체 찾기

const inventory = [
    { name: '사과', quantity: 2 },
    { name: '바나나', quantity: 0 },
    { name: '체리', quantity: 5 }
];

const result = inventory.find(fruit => fruit.name === '체리');

console.log(result) // { name: '체리', quantity: 5 }