JavaScript 배열 메소드: 매핑과 필터링 🖥️

JavaScript에서 배열을 다루는 것은 웹 개발의 핵심 중 하나입니다. 특히, map과 filter 메소드는 데이터를 처리하고 원하는 형태로 변환하는 데 있어 매우 유용합니다. 이 두 메소드를 활용하면 복잡한 작업을 몇 줄의 코드로 간단히 해결할 수 있습니다. 여기서는 이러한 메소드들을 사용하는 방법을 쉽게 설명하겠습니다.

map 메소드

map 메소드는 배열의 각 요소에 대해 주어진 함수를 호출하고, 결과를 모아 새 배열을 만듭니다. 이는 데이터의 형태를 변환할 때 매우 유용합니다.

예를 들어, 숫자 배열이 있고, 각 숫자를 제곱하고 싶다면 다음과 같이 할 수 있습니다:

const numbers = [1, 2, 3, 4, 5];
const squared = numbers.map(number => number * number);
console.log(squared); // [1, 4, 9, 16, 25]

filter 메소드

filter 메소드는 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과가 true를 반환하는 모든 요소로 새 배열을 만듭니다. 이는 특정 조건을 만족하는 요소만 추출할 때 사용됩니다.

예를 들어, 숫자 배열에서 짝수만 추출하고 싶다면 다음과 같이 할 수 있습니다:

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

map과 filter를 함께 사용하면 더 강력해집니다. 예를 들어, 숫자 배열에서 짝수만 추출한 후, 그 결과를 제곱하고 싶다면 다음과 같이 할 수 있습니다:

const numbers = [1, 2, 3, 4, 5];
const squaredEvens = numbers.filter(number => number % 2 === 0).map(number => number * number);
console.log(squaredEvens); // [4, 16]

이처럼 map과 filter 메소드를 사용하면 복잡한 데이터 처리 작업도 간단하고 명확하게 해결할 수 있습니다. 주니어 개발자 여러분도 이러한 메소드들을 활용하여 다양한 문제를 효율적으로 해결해 보세요!