1. filter() 메소드 사용하기: filter() 메소드는 특정한 조건을 만족하는 배열의 요소를 추출하는데 사용됩니다.

예를 들어, 다음과 같은 배열이 있다고 가정해봅시다.

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

이 배열에서 짝수만 추출하고 싶다면, filter() 메소드를 사용할 수 있습니다. 다음은 이를 구현한 예제 코드입니다.

const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4, 6, 8, 10]

1. map() 메소드 사용하기: map() 메소드는 배열 내의 모든 요소에 대해 특정 작업을 수행하고, 그 결과를 새로운 배열로 반환합니다.

예를 들어, 배열의 요소들을 제곱하여 새로운 배열을 생성하고 싶다면, map() 메소드를 사용할 수 있습니다. 다음은 이를 구현한 예제 코드입니다.

const squares = numbers.map(num => num ** 2);
console.log(squares); // [1, 4, 9, 16, 25, 36, 49, 64, 81, 100]

1. reduce() 메소드 사용하기: reduce() 메소드는 배열의 모든 요소에 대해 지정된 함수를 실행하고, 하나의 결과값을 반환합니다.

예를 들어, 배열의 모든 요소를 합산하여 총합을 구하고 싶다면, reduce() 메소드를 사용할 수 있습니다. 다음은 이를 구현한 예제 코드입니다.

const sum = numbers.reduce((total, num) => total + num, 0);
console.log(sum); // 55

위의 코드에서 0은 초기값으로 사용되며, total은 이전까지의 총합을 나타냅니다. num은 현재 요소의 값입니다.

자바스크립트에서 배열을 다룰 때는 이러한 메소드들을 유용하게 사용할 수 있습니다. 이러한 함수들을 활용하여 배열의 요소를 특정 기준으로 추출하거나 변형하는 등 다양한 작업을 수행할 수 있습니다.