자바스크립트에서 배열의 요소 정렬 순서를 변경하는 방법을 알아보겠습니다.

1. reverse() 메소드 사용하기

reverse() 메소드는 배열의 순서를 반대로 뒤집어서 정렬 순서를 변경합니다. 원본 배열을 수정하므로 조심해야 합니다.

let fruits = ['apple', 'banana', 'cherry', 'durian'];
fruits.reverse();
console.log(fruits);

위의 코드를 실행하면 ['durian', 'cherry', 'banana', 'apple']이 출력됩니다.

2. sort() 메소드 사용하기

sort() 메소드는 배열의 요소를 기본적으로 문자열로 변환하여 정렬합니다. 따라서 정렬 순서를 직접 지정하려면 비교 함수를 인자로 전달해야 합니다.

let numbers = [20, 5, 10, 30, 15];
numbers.sort((a, b) => a - b);
console.log(numbers);

위의 코드를 실행하면 [5, 10, 15, 20, 30]이 출력됩니다. 비교 함수에서 a - b를 사용하면 오름차순으로 정렬됩니다. 내림차순으로 정렬하려면 b - a를 사용하면 됩니다.

3. splice() 메소드 사용하기

splice() 메소드는 배열 요소를 추가하거나 제거할 수 있습니다. 이를 이용하여 배열의 요소 정렬 순서를 변경할 수 있습니다.

let animals = ['cat', 'dog', 'elephant', 'giraffe'];
let elephantIndex = animals.indexOf('elephant');
animals.splice(elephantIndex, 1);
animals.push('elephant');
console.log(animals);

위의 코드를 실행하면 ['cat', 'dog', 'giraffe', 'elephant']가 출력됩니다. splice() 메소드를 사용하여 ‘elephant’를 배열에서 제거하고, push() 메소드를 사용하여 마지막에 다시 추가했습니다.

마치며

위에서는 자바스크립트에서 배열 요소의 정렬 순서를 변경하는 방법을 알아보았습니다. reverse() 메소드, sort() 메소드와 비교 함수, 그리고 splice() 메소드를 활용하는 방법을 소개했습니다. 필요한 상황에 따라 적절한 방법을 선택하여 배열 요소의 순서를 변경할 수 있습니다.

참고 자료

• MDN web docs - Array.prototype.reverse()
• MDN web docs - Array.prototype.sort()
• MDN web docs - Array.prototype.splice()