English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.5 | 는 | 는 | 9 |
매개변수 | 설명 |
---|---|
callback | 배열의 각 요소에 대해 실행할 함수。 함수 매개변수:
|
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); }테스트해보세요‹/›