[Javascript] 배열을 뒤집는 간단한 방법 - reverse()

JavaScript에서는 배열을 다루는 다양한 메서드들이 제공되며, 그 중에서도 배열의 요소 순서를 반대로 뒤집는 reverse() 함수는 매우 유용합니다.

이번 글에서는 reverse() 함수의 기본 사용법부터 주의사항, 고급 활용법까지 다양한 예제와 함께 자세히 알아보겠습니다.

 

 

reverse() 함수란?

reverse() 함수는 배열의 요소 순서를 반대로 뒤집어 주는 메서드입니다.

이때 원래의 배열이 변경되므로, 주의가 필요합니다.

 

 

기본 문법

array.reverse();

• array: 순서를 반대로 뒤집고자 하는 배열

 

 

기본 사용법

See the Pen js reverse() -1 by saladent (@saladent) on CodePen.

이 예제에서 배열 numbers의 요소 순서가 반대로 뒤집혔습니다.

 

 

문자열 배열 뒤집기

See the Pen js reverse() -2 by saladent (@saladent) on CodePen.

문자열 배열도 동일하게 순서가 반대로 뒤집어집니다.

 

 

다차원 배열 뒤집기

See the Pen Untitled by saladent (@saladent) on CodePen.

이 예제에서는 matrix 배열을 먼저 뒤집고, 각 행(row)도 뒤집어 180도 회전된 결과를 얻었습니다.

 

 

주의사항

reverse() 함수는 원본 배열을 변경(mutate)합니다. 따라서 원본 배열을 보존해야 하는 경우, 배열을 복사한 후 reverse() 함수를 사용해야 합니다.

See the Pen js reverse() -3 by saladent (@saladent) on CodePen.

위 예제에서 originalArray는 그대로 유지되며, reversedArray는 반대로 뒤집힌 배열을 가집니다.

 

 

성능 고려사항

reverse() 함수는 배열의 요소 순서를 반대로 뒤집는 간단한 작업을 수행합니다.

그러나 매우 큰 배열을 다룰 때는 성능에 영향을 줄 수 있으므로 주의해야 합니다.

특히 원본 배열을 변경하므로, 데이터의 무결성을 유지해야 하는 상황에서는 주의가 필요합니다.

 

 

결론

JavaScript의 reverse() 함수는 배열의 요소 순서를 뒤집는 간단하고도 강력한 도구입니다.

원본 배열을 변경한다는 점을 유의하면서, 다양한 상황에서 효과적으로 활용할 수 있습니다. 문자열을 뒤집거나 다차원 배열을 다루는 등, 고급 활용법을 익혀 두면 더 유용하게 사용할 수 있을 것입니다.