Bin's Blog

filter 메서드 본문

JavaScript

filter 메서드

hotIce 2023. 5. 27. 23:14
728x90

filter() 메서드는 배열에서 특정 조건을 만족하는 요소만 선택하여 새 배열을 생성하는 메서드이다. filter()는 원래의 배열을 변경하지 않으며, 조건에 맞는 요소들로 구성된 새로운 배열을 반환한다. 

 

filter() 메서드는 호출 시 인자로 콜백 함수를 받는데, 이 콜백 함수는 배열의 각 요소를 순회하면서 평가된다. 이 콜백 함수는 배열의 각 요소를 순회하면서 평가된다. 반환 값이 true인 경우 해당 요소는 새 배열에 포함되며, false인 경우 포함되지 않는다. 

 

array.filter(callback(element[, index[, array]])[, thisArg])

- callback: 각 요소를 테스트하는 함수, true를 반환하면 요소를 유지하고, false를 반환하면 건너뛴다. 이 함수는 세 개의 인자를 받는다. 

- element: 처리 중인 현재 요소.

- index(옵션): 처리 중인 현재 요소의 인덱스.

- array(옵션): filter가 호출된 배열

- thisArg(옵션): callback 함수에서 this로 사용될 값

 

let numbers = [1, 2, 3, 4, 5, 6];
let evens = numbers.filter(number => number % 2 === 0);
console.log(evens); // [2, 4, 6]

- 위처럼 filter()메서드는 각 숫자를 2로 나눈 나머지가 0인지 확인한다. 이 조건을 만족하는 숫자만 새 배열에 포함시킨다. 

728x90

'JavaScript' 카테고리의 다른 글

concat 메서드  (0) 2023.06.01
every 메서드  (0) 2023.05.30
includes 메서드  (0) 2023.05.26
some 메서드  (0) 2023.05.25
call, apply, bind 메서드  (0) 2023.05.24