최신 웹 개발 튜토리얼
 

JavaScript배열 찾기 () 메서드

자바 스크립트 배열 참조 자바 스크립트 배열 참조

18 이상의 값을 갖는 배열의 첫 번째 요소의 값을 취득 :

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkAdult);
}

그 결과는 다음과 같습니다

18
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

find() 메소드 (함수로 제공) 테스트를 통과 배열의 첫 번째 요소의 값을 반환합니다.

find() 메서드는 배열의 각 요소 존재에 대해 한 번 기능을 실행한다 :

  • 이 함수가 true를 반환하는 배열 요소를 발견하면 ()하다고 생각 배열 요소의 값을 리턴한다 (나머지 값을 확인하지 않음)
  • 그렇지 않으면 undefined를 반환

참고 : 찾기 () 값없이 배열 요소에 대한 기능을 실행하지 않습니다.

참고 : 발견 () 원의 배열을 변경하지 않습니다.


브라우저 지원

표의 수치는 완전히 방법을 지원하는 제 브라우저 버전을 지정.

방법
find() 45.0 12.0 25.0 7.1 32.0

통사론

array.find( function(currentValue,index,arr),thisValue )

매개 변수 값

Parameter Description
function(currentValue, index,arr) Required. A function to be run for each element in the array.
Function arguments:
Argument Description
currentValue Required. The value of the current element
index Optional. The array index of the current element
arr Optional. The array object the current element belongs to
thisValue Optional. A value to be passed to the function to be used as its "this" value.
If this parameter is empty, the value "undefined" will be passed as its "this" value

기술적 세부 사항

반환 값 : 배열의 요소의 임의의 테스트를 통과하면, 그렇지 않으면 정의 반환 배열 요소 값을 반환
자바 스크립트 버전 : ECMAScript를 6

예

더 예

특정 수 이상의 값을 갖는 배열의 첫 번째 요소의 값을 취득 :

<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>

<p>Any ages above: <span id="demo"></span></p>

<script>
var ages = [4, 12, 16, 20];

function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
</script>
»그것을 자신을 시도

자바 스크립트 배열 참조 자바 스크립트 배열 참조