JavaScript Array filter()

定義と用法

filter() 테스트를 통과한 모든 배열 요소를 포함한 배열을 생성하는 메서드를 만듭니다.

주의사항:filter() 값이 없는 배열 요소에 대해 이 함수를 실행하지 않습니다.

주의사항:filter() 원래 배열을 변경하지 않습니다.

인스턴스

예제 1

ages 배열의 18세 이상 모든 값을 포함한 배열을 반환합니다:

var ages = [32, 33, 16, 40];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

직접 시도해 보세요

예제 2

특정 숫자 이상 모든 ages 배열의 값을 포함한 배열을 반환합니다:

<p>최소 연령: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">시도해 보세요</button>
<p>최소 연령 이상 모든 연령: <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>

직접 시도해 보세요

문법

배열.filter(function(currentValue, index, arr) thisValue)

파라미터 값

파라미터 설명
function(currentValue, index, arr) 필수. 배열의 각 요소에 대해 실행할 함수.

함수 파라미터:

파라미터 설명
currentValue 필수. 현재 요소의 값.
index 옵션. 현재 요소의 배열 인덱스.
arr 옵션. 현재 요소가 속한 배열 객체.
thisValue

옵션. 함수의 "this" 값으로 사용할 값.

옵션. 함수의 "this" 값으로 전달할 값.

기술 세부 사항

반환 값: 모든 테스트를 통과한 배열 요소를 포함한 배열입니다. 요소가 없으면 빈 배열을 반환합니다.
제이바이스 버전: ECMAScript 5

브라우저 지원

모든 브라우저는 완전히 지원합니다 filter() 메서드:

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원 지원

관련 페이지

강의:JavaScript 배열

강의:JavaScript 배열 Const

강의:JavaScript 배열 메서드

강의:JavaScript 배열 정렬

강의:JavaScript 배열 반복