JavaScript의 find() 메소드는 제공된 테스트 함수를 만족하는 첫 번째 요소를 반환합니다. 빈 슬롯을 무시하고 각 배열 요소를 반복하고, 일치하는 항목이 없으면 정의되지 않은 값을 반환합니다. 원래 배열은 변경되지 않고 그대로 유지됩니다.
통사론:
array.find(function(currentValue, index, arr), thisValue)>
매개변수 :
-
function(currentValue, index, arr)>: 조건을 만족하는 첫 번째 요소를 찾을 때까지 배열의 각 값에 대해 실행되는 함수입니다. 세 가지 매개변수가 필요합니다.-
currentValue>: 배열에서 현재 처리 중인 요소입니다. -
index>(선택 과목): 배열에서 처리 중인 현재 요소의 인덱스입니다. -
arr>(선택 과목): 배열find()>부름을 받았습니다.
-
-
thisValue>(선택 과목): 다음으로 사용할 값this>콜백 함수를 실행할 때.
반환 값 :
배열의 요소 중 하나라도 조건을 만족하면 배열 요소 값을 반환하고, 그렇지 않으면 정의되지 않은 값을 반환합니다.
예: 이 예에서는 배열의 첫 번째 양수 요소를 검색합니다. find() 메서드는 배열을 반복하여 0보다 큰 첫 번째 요소를 반환합니다. 결과를 콘솔에 기록합니다.
상태 목록자바스크립트
// Input array contain some elements. let array = [-10, -0.20, 0.30, -40, -50]; // Method (return element>0). letfound = array.find(function (element) { return element> 0; }); // 원하는 값을 출력합니다. console.log(발견);> 산출
0.3>
예: 이 예에서는 배열에서 20보다 큰 첫 번째 요소를 검색합니다. find() 메서드를 사용하여 배열을 반복하고 조건을 충족하는 첫 번째 요소를 반환합니다. 마지막으로 결과(30)를 콘솔에 기록합니다.
자바스크립트
// Input array contain some elements. let array = [10, 20, 30, 40, 50]; // Method (return element>10). letfound = array.find(function (element) { return element> 20; }); // 원하는 값을 출력합니다. console.log(발견);> 산출
30>
예: 이 예제에서는 배열에서 4보다 큰 첫 번째 요소를 찾는 것을 목표로 합니다. 이는 find() 메서드를 사용하여 일치하는 요소를 찾을 때까지 배열을 반복합니다. 결과(`7`)를 콘솔에 기록합니다.
자바스크립트 // Input array contain some elements. let array = [2, 7, 8, 9]; // Provided testing method (return element>4). letfound = array.find(function (element) { return element> 4; }); // 원하는 값을 출력합니다. console.log(발견);> 산출
7>
JavaScript 배열 find() 메소드 – 사용 사례:
다음은 Array find() 메소드의 몇 가지 UseCase입니다.
1. JavaScript 배열 findIndex() 메서드
자바스크립트 배열.findIndex() 메소드는 제공된 테스트 함수(호출하는 동안 사용자가 전달한)를 충족하는 주어진 배열의 요소의 첫 번째 인덱스를 반환하는 데 사용됩니다. 그렇지 않고 데이터가 발견되지 않으면 -1 값이 반환됩니다.
2. JavaScript에서 배열의 항목을 검색하는 다양한 방법
다음과 같은 방법이 있습니다.
- find() 메소드 사용
- findIndex() 메소드 사용
- include() 메소드 사용
- some() 메소드 사용
- indexOf() 메소드 사용
- filter() 메소드 사용
- Every() 메소드 사용
삼. JavaScript의 배열에서 항목을 찾는 가장 좋은 방법
항목이 JavaScript 배열에 있는지 확인하는 데 가장 일반적으로 사용되는 방법은 다음과 같습니다.
- include() 메소드 사용
- indexOf() 메소드 사용
- find() 메소드 사용
- Array.some() 메소드 사용
지원되는 브라우저:
- 구글 크롬 45.0
- 마이크로소프트 엣지 12.0
- 모질라 파이어폭스 25.0
- 사파리 7.1
- 오페라 32.0