자바스크립트에서 배열을 다룰 때 유용하게 사용되는 sort()와 filter() 메소드를 연속으로 사용하여 배열을 정렬하고 필터링하는 방법을 알아보겠습니다.

sort() 메소드

sort() 메소드는 배열의 요소를 적절한 순서로 정렬하는 데 사용됩니다. 기본적으로는 유니코드 코드 포인트 순서에 따라 정렬되지만, 오름차순 또는 내림차순으로 정렬할 수 있습니다.

const numbers = [4, 2, 5, 1, 3];
numbers.sort((a, b) => a - b); // [1, 2, 3, 4, 5]

위 예제에서 sort() 메소드와 화살표 함수를 사용하여 숫자 배열을 오름차순으로 정렬했습니다.

filter() 메소드

filter() 메소드는 주어진 함수의 조건을 만족하는 요소로 이루어진 배열을 반환합니다.

const numbers = [4, 2, 5, 1, 3];
const filteredNumbers = numbers.filter(num => num > 2); // [4, 5, 3]

위 예제에서는 filter() 메소드를 사용하여 2보다 큰 숫자로 이루어진 배열을 반환했습니다.

sort()와 filter() 메소드 연속 사용

이제 sort()와 filter() 메소드를 연속으로 사용하여 배열을 정렬하고 필터링하는 방법을 알아봅시다.

const numbers = [4, 2, 5, 1, 3];
const sortedAndFilteredNumbers = numbers.sort((a, b) => a - b).filter(num => num > 2); // [3, 4, 5]

위 예제에서는 sort() 메소드로 먼저 배열을 정렬한 후, filter() 메소드로 조건에 맞는 요소로 이루어진 배열을 반환했습니다.

이렇게 sort()와 filter() 메소드를 연속으로 사용하여 배열을 다룰 수 있습니다.

sort()와 filter() 메소드를 사용하여 배열을 연속으로 정렬하고 필터링하는 방법에 대해 알아보았습니다. 이러한 메소드를 조합하여 원하는 결과를 얻을 수 있으니, 다양한 상황에 맞게 활용해보시기 바랍니다.

참고: MDN Web Docs, MDN Web Docs