본문 바로가기
프로그래밍/JavaScript

Javascript 루프문 정리(8) filter문

by 꾸션 2023. 3. 6.

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) 개요

자바스크립트에는 여러 가지 유형의 루프(loop)가 있습니다. 이들 루프문은 반복적으로 실행되는 코드 블록을 만들어주며, 각각의 루프문은 다양한 용도로 사용됩니다. 아래는 자바스크립트의

ccusean.tistory.com

Javascript 루프문 정리(1) for문

for 루프문은 자바스크립트에서 가장 일반적으로 사용되는 루프문 중 하나입니다. 초기식, 조건식, 증감식을 이용하여 반복문 실행 횟수를 제어합니다. 아래는 for 루프문의 구조와 사용 방법에

ccusean.tistory.com

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

for...in 루프문은 자바스크립트에서 객체의 속성들을 반복하며 접근할 때 사용됩니다. 이 루프문은 객체의 속성들을 반복하며 각 속성 이름을 변수에 할당합니다. 아래는 for...in 루프문의 구조와

ccusean.tistory.com

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

for...of 루프문은 자바스크립트에서 이터러블(iterable) 객체(배열, 문자열, 맵, 셋 등)를 반복하며 각 요소에 접근할 때 사용됩니다. 이 루프문은 배열 뿐만 아니라 문자열, 맵, 셋 등 다양한 이터러

ccusean.tistory.com

Javascript 루프문 정리(4) while문

while 루프문은 자바스크립트에서 반복 실행되는 코드 블록을 만들 때 사용되는 루프문 중 하나입니다. 조건식이 참일 동안 코드 블록이 실행되며, 조건식이 거짓이 될 때까지 반복됩니다. 초기

ccusean.tistory.com

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

do...while 루프문은 while 루프문과 유사하지만, 코드 블록을 먼저 실행한 후에 조건식을 검사하는 점이 다릅니다. 즉, do...while 루프문은 일단 코드 블록을 한 번 실행한 후에 조건식을 검사하여 조

ccusean.tistory.com

Javascript 루프문 정리(6) forEach문

forEach() 메서드는 배열의 각 요소에 대해 지정된 함수를 호출하는 메서드입니다. 이 메서드를 사용하면 반복문을 사용하지 않고도 배열의 모든 요소를 순회하며 작업을 수행할 수 있습니다. forEa

ccusean.tistory.com

Javascript 루프문 정리(7) map문

map() 메서드는 배열의 모든 요소에 대해 지정된 함수를 호출한 결과를 모아 새로운 배열을 반환하는 메서드입니다. 이 메서드를 사용하면 배열을 순회하면서 각 요소를 변형할 수 있습니다. map()

ccusean.tistory.com

Javascript 루프문 정리(8) filter문

filter() 메서드는 배열의 요소 중에서 지정된 함수에 맞는 요소만 추출하여 새로운 배열을 반환하는 메서드입니다. 이 메서드를 사용하면 배열에서 필요한 요소만 추출하여 새로운 배열을 생성

ccusean.tistory.com

반응형

댓글