최신 웹 개발 튜토리얼
 

JavaScript배열 필터 () 메서드

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

18 이상입니다 세 배열의 모든 값의 배열을 돌려줍니다 :

var ages = [32, 33, 16, 40];

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

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

그 결과는 다음과 같습니다

32,33,40
»그것을 자신을 시도

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


정의 및 사용

filter() 메소드 (함수로 제공) 테스트를 통과하는 모든 배열 요소로 채워진 배열을 만듭니다.

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

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


브라우저 지원

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

방법
filter() 9.0 1.5

통사론

array.filter( 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

기술적 세부 사항

반환 값 : 테스트를 통과하는 모든 배열 요소를 포함한 배열입니다. 어떤 요소가 테스트를 통과하지 않는 경우는 하늘의 배열을 돌려줍니다.
자바 스크립트 버전 : 1.6

예

더 예

위에 특정 개수 또는 아르 세 어레이의 모든 값의 배열을 반환 :

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

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

<script>
var ages = [32, 33, 12, 40];

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

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

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