자바스크립트 함수 reverse() 배열 요소 역순으로 뒤집는 방법

reverse() 함수는 배열의 요소 순서를 빠르게 뒤집을 수 있으며, 이는 데이터를 역순으로 처리해야 할 때 활용할 수 있습니다. 이 함수는 원본 배열을 바꾸며, 배열의 첫 번째 원소는 마지막 원소가 되고 마지막 원소는 첫 번째 원소가 됩니다. 예를 들어, 최신 항목을 먼저 표시하는 피드, 최근 검색어 목록, 스택 구조의 데이터 처리 등에서 reverse() 함수를 사용할 수 있습니다.  그러므로 원본 배열이 변경되는 것에 주의해서 작업해야 합니다.

 

 

 

◎ 구문

 

array.reverse()

l  array: 순서를 뒤집을 배열입니다.

 

 

◎ 1. 기본 사용

 

reverse() 함수는 원본 배열 numbers의 요소 순서를 역순으로 뒤집습니다.

 

const numbers = [1, 2, 3, 4, 5];
numbers.reverse();
 
console.log(numbers);
 
[출력]
[5, 4, 3, 2, 1]

 

 

◎ 2. 문자열 배열 뒤집기

 

reverse() 함수를 사용하여 문자열 배열 colors의 요소 순서를 역순으로 뒤집습니다.

 

const colors = ["빨강", "파랑", "초록", "노랑"];
colors.reverse();
 
console.log(colors);
 
[출력]
["노랑", "초록", "파랑", "빨강"]

 

 

◎ 3. 추출한 배열을 뒤집어서 변수에 할당

 

reverse() 함수를 호출하기 전에 slice()를 사용하여 배열을 복사하고, 그 복사본을 뒤집어 reversedFruits 변수에 저장합니다. 원본 배열 fruits는 그대로 유지됩니다.

 

const fruits = ["사과", "바나나", "체리"];
const reversedFruits = fruits.slice().reverse();
 
console.log(reversedFruits);
 
[출력]
["체리", "바나나", "사과"]