[javascript] 자바스크립트 filter() 메소드를 사용한 배열 필터링
자바스크립트의 배열 메소드 중 하나인 filter() 메소드는 특정 조건에 따라 배열을 필터링하여 새로운 배열을 반환합니다. 이 메소드는 주어진 함수를 배열의 각 요소에 대해 한 번씩 호출하고, 함수가 true를 반환하는 요소들만을 포함한 새로운 배열을 만듭니다.
filter() 메소드의 구문
let filteredArray = array.filter(callback(element[, index[, array]])[, thisArg])
callback: 각 요소에 대해 실행될 함수로, 세 개의 인수를 받습니다.element: 배열 내 현재 처리되고 있는 요소.index(optional): 배열 내 현재 처리되고 있는 요소의 인덱스.array(optional):filter()가 호출된 배열.
thisArg(optional):callback을 실행할 때this로 사용할 값.
예시
const numbers = [10, 20, 30, 40, 50];
const filteredNumbers = numbers.filter(number => number > 25);
console.log(filteredNumbers); // 출력: [30, 40, 50]
위 예시에서는 numbers 배열에서 25보다 큰 숫자만을 필터링하여 filteredNumbers에 저장했습니다.
filter() 메소드는 원본 배열을 변경하지 않은 채로 새로운 배열을 반환하기 때문에, 기존 배열을 유지하면서 특정 조건에 부합하는 값들을 추출하고 싶을 때 유용하게 활용됩니다.
filter() 메소드를 사용하여 배열을 간편하고 효과적으로 필터링할 수 있습니다. 배열을 다룰 때 필터링이 필요한 경우, filter() 메소드를 활용하여 간결하고 가독성 높은 코드를 작성할 수 있습니다.