[JavaScript] 자바스크립트 find

 

find() 함수는

배열에서 특정 조건을 만족하는 요소를 찾아 첫 번째 요소를 반환하는 함수입니다.
배열의 각 요소에 대해 콜백 함수를 사용하여 원하는 조건의 요소를 찾습니다.

구문

arr.find(callbackFn[, thisArg])

 

arr은 find() 함수를 적용할 배열입니다.
callbackFn
배열의 각 요소를 처리하는 콜백 함수입니다. 콜백 함수는 배열의 각 요소에 대해 실행됩니다. 
콜백 함수는 주어진 요소에 대해 실행되고, 콜백 함수 내에서 정의한 조건을 확인합니다. 
조건은 return 문을 사용하여 정의되며, 조건이 true로 평가되면 해당 요소를 찾은 것으로 간주됩니다. 
find() 함수는 조건을 만족하는 첫 번째 요소를 찾으면 배열 순회를 중단하고 해당 요소를 반환합니다. 

만약 조건을 만족하는 요소를 찾지 못했다면 undefined 를 반환합니다.

 

find() 함수의 다양한 활용 사례

● 특정 요소 찾기

const numbers = [1, 2, 3, 4, 5];
const search = 3;
const found = numbers.find(element => element === search );

console.log(found); 
// 3

배열에서 특정 문자열이나 숫자를 찾을 수 있습니다.

 

● 객체 속성 검색

const products = [
    {name: "Apple",  count: 25 },
    {name: "Orange", count: 30 },
    {name: "Banana", count: 17 },
    {name: "Melon", count: 32 }
];

const searchName = "Orange";
const fruit = products.find(obj => obj.name === searchName);

console.log(fruit); 
// {name: "Orange", count: 30}

객체 배열에서 특정 속성 값에 따라 객체를 검색할 때 유용합니다.

 

 

● 조건 검색

const products = [
    {name: "Apple",  price: 2000 },
    {name: "Orange", price: 1500 },
    {name: "Banana", price: 500 },
    {name: "Melon", price: 3000 }
];

const searchCondition = product => product.price < 1000;
const goodProduct = products.find(searchCondition);

console.log(goodProduct); 
// {name: "Banana", price: 500}

사용자 지정 조건을 만들어 배열 요소 검색에 활용할 수 있습니다.


find() 함수를 사용하면 배열에서 조건에 맞는 첫 번째 요소를 효과적으로 찾을 수 있으므로, 
다양한 상황에서 유용하게 활용할 수 있습니다.