JavaScript

[JavaScript] Array.find()

JayLee 2020. 6. 5. 01:00
반응형

Array의 find 메서드에 대해 알아보겠습니다. 메서드의 이름처럼 특성 요소를 찾을때 사용합니다.

 

기본 구조는 아래와 같습니다.

Array.find(callback[, thisArg])

callback 함수와 callback의 this로 사용할 객체를 받습니다. thisArg는 생략 가능합니다.

 

callback 함수는 아래와 같은 매개변수를 받습니다.

- element: callback 함수에서 처리할 현재 요소.

- index: callback 함수에서 처리할 현재 요소의 인덱스.

- array: find 메서드를 호출한 배열

 

find 함수는 간단합니다. 배열의 모든 요소를 순회하며 callback 함수를 호출합니다. 만약 callback 함수가 true를 반환하게 되면 순회를 멈추고 true를 반환할 때 처리하고 있었던 요소를 반환합니다. 모든 순회가 끝날때까지 true를 반환하지 않는다면 find 메서드는 Undefined를 반환하게 됩니다. 아래 예제를 참고하시기 바랍니다.

 

 

첫번째 find 메서드에는 2를 정상적으로 찾았기때문에 2를 반환했습니다.

하지만, 두번째 find 메서드에서는 5를 찾을 수 없었기 때문에 undefined를 반환했습니다.

 

 

참고:

 

Array.prototype.find()

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

developer.mozilla.org

 

반응형