sort

배열에서 sort라는 메소드를 활용하면 배열을 정렬할 수 있다.
sort 메소드에 아무런 아규먼트도 전달하지 않을 때는 기본적으로 유니코드에 정의된 문자열 순서에 따라 정렬된다.

const letters = ['D', 'C', 'E', 'B', 'A'];
const numbers = [1, 10, 4, 21, 36000];

letters.sort();
numbers.sort();

console.log(letters); // (5) ["A", "B", "C", "D", "E"]
console.log(numbers); // (5) [1, 10, 21, 36000, 4]

그렇기 때문에 numbers에 sort 메소드를 사용한 것처럼, 숫자를 정렬할 때는 우리가 상식적으로 이해하는 오름차순이나 내림차순 정렬이 되지 않는다.

그럴 땐 sort 메소드에 다음과 같은 콜백함수를 아규먼트로 작성해주면 된다.

const numbers = [1, 10, 4, 21, 36000];

// 오름차순 정렬
numbers.sort((a, b) => a - b);
console.log(numbers); // (5) [1, 4, 10, 21, 36000]

// 내림차순 정렬
numbers.sort((a, b) => b - a);
console.log(numbers); // (5) [36000, 21, 10, 4, 1]

sort 메소드를 사용할 때 한 가지 주의해야 될 부분은 메소드를 실행하는 원본 배열의 요소들을 정렬한다는 점이다.
그래서 한 번 정렬하고 나면 정렬하기 전의 순서로 다시 되돌릴 수 없으니, 그런 경우에는 미리 다른 변수에 복사해두는 것이 좋다.

reverse

reverse 메소드는 말 그대로 배열의 순서를 뒤집어 주는 메소드이다.
reverse 메소드는 별도의 파라미터가 존재하지 않기 때문에 단순히 호출해주기만 하면 배열의 순서가 뒤집힌다.
sort 메소드와 마찬가지로 원본 배열의 요소들을 뒤집어 버린다는 점은 꼭 주의해야 한다.

const letters = ['a', 'c', 'b'];
const numbers = [421, 721, 353];

letters.reverse();
numbers.reverse();

console.log(letters); // (3) ["b", "c", "a"]
console.log(numbers); // (3) [353, 721, 421]

주의사항

위에서 설명한대로 sort와 reverse 메서드는 원본 배열을 변경시키므로 주의하여 사용해야 한다.
원본 배열을을 유지한 채 새로운 배열을 생성하려면 spread 연산자나 concat 메서드 등을 사용할 수 있다.

const originalArray = [3, 1, 2];
const sortedArray = [...originalArray].sort(); // 새로운 배열을 생성하여 정렬
const reversedArray = originalArray.concat().reverse(); // 새로운 배열을 생성하여 반전