라이브러리

[JAVASCRIPT] arr.find(callback) - 조건을 만족하는 첫 번째 요소 반환




arr.find(callback) 함수


`arr.find(callback)` 함수는 배열 `arr` 내에서 첫 번째 요소에 대해 `callback` 함수를 호출하고, `callback` 함수가 반환한 값을 반환합니다. 만약 `callback` 함수가 모든 요소에 대해 호출되었을 때 반환한 값이 undefined이면, `find()` 함수는 undefined를 반환합니다.

사용법


`arr.find(callback)` 함수는 다음과 같이 사용할 수 있습니다.

#hostingforum.kr
javascript

arr.find(function(element, index, array) {

  // callback 함수를 구현합니다.

});



예제


# 예제 1: 숫자 배열에서 최소값 찾기


#hostingforum.kr
javascript

const numbers = [4, 2, 7, 1, 3];



const minNumber = numbers.find(function(element) {

  return element < 3;

});



console.log(minNumber); // 1



# 예제 2: 객체 배열에서 특정 객체 찾기


#hostingforum.kr
javascript

const users = [

  { id: 1, name: 'John' },

  { id: 2, name: 'Jane' },

  { id: 3, name: 'Bob' },

];



const user = users.find(function(user) {

  return user.id === 2;

});



console.log(user); // { id: 2, name: 'Jane' }



# 예제 3: 객체 배열에서 특정 속성을 가진 객체 찾기


#hostingforum.kr
javascript

const users = [

  { id: 1, name: 'John', age: 25 },

  { id: 2, name: 'Jane', age: 30 },

  { id: 3, name: 'Bob', age: 35 },

];



const user = users.find(function(user) {

  return user.age > 30;

});



console.log(user); // { id: 3, name: 'Bob', age: 35 }



참고


- `find()` 함수는 첫 번째 요소에 대해 `callback` 함수를 호출합니다. 만약 `callback` 함수가 모든 요소에 대해 호출되었을 때 반환한 값이 undefined이면, `find()` 함수는 undefined를 반환합니다.
- `find()` 함수는 배열 내에서 첫 번째 요소에 대해 `callback` 함수를 호출합니다. 만약 `callback` 함수가 모든 요소에 대해 호출되었을 때 반환한 값이 undefined이면, `find()` 함수는 undefined를 반환합니다.
- `find()` 함수는 배열 내에서 첫 번째 요소에 대해 `callback` 함수를 호출합니다. 만약 `callback` 함수가 모든 요소에 대해 호출되었을 때 반환한 값이 undefined이면, `find()` 함수는 undefined를 반환합니다.
  • profile_image
    나우호스팅 @pcs8404 

    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

  • 전체 10,077건 / 1 페이지

검색

게시물 검색