Javascript 루프문 정리(8) filter문

filter() 메서드는 배열의 요소 중에서 지정된 함수에 맞는 요소만 추출하여 새로운 배열을 반환하는 메서드입니다. 이 메서드를 사용하면 배열에서 필요한 요소만 추출하여 새로운 배열을 생성할 수 있습니다. filter() 메서드는 기존 배열을 수정하지 않고 새로운 배열을 반환하기 때문에, 기존 배열을 변경하지 않고 배열을 필터링해야 하는 경우에 유용합니다. 아래는 filter() 메서드의 구조와 사용 방법에 대한 설명입니다.

filter() 메서드의 구조

배열.filter(콜백함수);

• 배열: 필터링할 배열입니다.
• 콜백함수: 각 배열 요소를 검사하여 필터링할 함수입니다.

filter() 메서드의 사용 방법

1. 배열에서 짝수만 추출하는 경우:

const arr = [1, 2, 3, 4, 5];
const evenArr = arr.filter(function(element) {
  return element % 2 === 0;
});
console.log(evenArr);
// [2, 4]

• 배열 요소를 검사하여 짝수만 추출하는 콜백 함수(function(element))를 정의하고, filter() 메서드를 사용하여 새로운 배열을 생성합니다.

2. 배열에서 문자열의 길이가 5인 요소만 추출하는 경우:

const arr = ['apple', 'banana', 'orange', 'grape', 'kiwi'];
const newArr = arr.filter(function(element) {
  return element.length === 5;
});
console.log(newArr);
// ['apple', 'grape']

• 배열 요소를 검사하여 문자열의 길이가 5인 요소만 추출하는 콜백 함수(function(element))를 정의하고, filter() 메서드를 사용하여 새로운 배열을 생성합니다.

filter() 메서드는 각 배열 요소를 순회하며 검사할 콜백 함수를 인수로 받아 사용합니다. 이 메서드를 사용하면 배열에서 필요한 요소만 추출하여 새로운 배열을 생성할 수 있으며, 기존 배열을 변경하지 않고 배열을 필터링할 수 있습니다. 단, 반환된 새로운 배열의 길이가 기존 배열보다 작거나 클 수 있습니다.

Javascript 루프문 정리(0) 개요

Javascript 루프문 정리(1) for문

Javascript 루프문 정리(2) for...in문

Javascript 루프문 정리(3) for...of문

Javascript 루프문 정리(4) while문

Javascript 루프문 정리(5) do...while문

Javascript 루프문 정리(6) forEach문

Javascript 루프문 정리(7) map문

Javascript 루프문 정리(8) filter문