JavaScript - 배열 find() 사용법 및 예제

구문

자바스크립트의 find 함수는 callback함수의 조건에 만족하는 첫번째 요소의 값을 반환합니다. 

arr.find(callback(element[, index[, array]])[, thisArg])

파라미터

1. callback function
   
   • 각 요소의 조건을 판단할 함수
   • 다음 3가지의 인수를 가집니다.
     1. element - 배열의 현재 요소
     2. index(Optional) - 배열의 현재 요소의 인덱스
     3. array(Optional) - 호출한 배열
2. thisArg(Optional)
   • callback함수를 실행할때 this로 사용되는 값

반환 값

배열 요소를 순회하며 callback 함수을 실행하고 결과가 true(조건에 만족)할 경우 요소의 값을 즉시 반환하고 순회를 멈춥니다. 만족하는 요소가 하나도 존재하지 않을 경우 undefined를 반환합니다.

예제

1. 오브젝트 배열 속 조건에 맞는 오브젝트 찾기

// 실제직업과 다릅니다.
const friends = [
  {
    name: '양주진',
    age: 32,
    job: '코인러',
    married: false,
  },
  {
    name: '오영제',
    age: 32,
    job: '랩퍼',
    married: false,
  },
  {
    name: '서준형',
    age: 32,
    job: '2년차 유부남',
    married: true,
  }
];

// 유부남 찾기
const findedSadGuy = friends.find((friend) => {
  return friend.married === true;
})

console.log('슬픈남자 ', findedSadGuy);

 

Result

 

  {
    name: '서준형',
    age: 32,
    job: '2년차 유부남',
    married: true
  };