English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 배열 filter() 메서드

 JavaScript 배열 객체

 filter() 메서드는 제공된 콜백 함수에 의해 테스트를 통과한 모든 요소를 포함하는 새 배열을 생성합니다。

주의: filter() 메서드는 원래 배열을 변경하지 않습니다。

문법:

array.filter(callback, thisArg)
var age = [1, 30, 39, 29, 10, 13];
var val = age.filter(isAdult);
function isAdult(element) {
    return element >= 18;
}
테스트해보세요‹/›

브라우저 호환성

표에서의 숫자는 filter() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

메서드
filter()1.59

매개변수 값

매개변수설명
callback
배열의 각 요소에 대해 실행할 함수。
함수 매개변수:
  • element(필수)-처리 중인 현재 요소

  • index(선택)-처리 중인 현재 요소의 인덱스

  • array(선택)- 배열을 호출했습니다필터

thisArg(선택) 콜백 실행 시 사용할 값

기술 세부 사항

반환 값:테스트를 통과한 요소를 가진 새로운 배열입니다. 요소가 없으면 빈 배열을 반환합니다
JavaScript 버전:ECMAScript 5

更多实例

다음 예제는 filter() 메서드를 사용하여 검색 조건에 따라 배열 내용을 필터링하는 방법을 보여줍니다:

var fruits = ['apple', 'mango', 'banana', 'orange', 'grapes'];
/**
 * 검색 조건에 따른 배열 필터 옵션(쿼리)
 */
function filterItems(query) {
   return fruits.filter(function(el) {
         return el.indexOf(query) > -1;
   }
}
function myFunc(val) {
    document.getElementById("result").innerHTML = filterItems(val);
}
테스트해보세요‹/›

 JavaScript 배열 객체