Javascript :: reverse(), 배열 역순 정렬하기

JavaScript의 reverse() 에 대해서 알아보겠습니다.

reverse() 는 배열의 순서를 반대로 뒤집는 기능을 제공합니다.

이번 글에서는 reverse() 메소드의 사용 방법과 주의할 점에 대해 살펴보겠습니다.

사용 방법

reverse() 는 배열의 순서를 반대로 뒤집고, 배열을 직접 수정합니다.

직접 수정하기때문

이 메소드는 반환 값이 없기 때문에, 호출한 배열을 직접 수정하고, 반환되는 값은 undefined입니다.

기존의 배열을 다시 사용 할일이 있다면, reverse() 메소드를 호출하기 전에 배열을 복사해 두고 사용해야 합니다.

간단히 reverse()의 예시입니다.

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

위 코드에서, reverse() 메소드는 arr 배열의 요소 순서를 반대로 뒤집습니다.

그리고 새로운 배열에 값을 담아도 arr가 변경되는걸 볼수 있습니다.

Tip1

reverse() 예시에서 확인 했듯이 원본 배열을 직접 수정하기 때문에 복사를 해서 사용해야 하지만

slice() 메소드를 사용하면 간단하게 배열을 복사할 수 있습니다.

 

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

 

위 코드처럼 slice() 메소드를 사용하여 arr 배열의 복사본을 만들고, reverse() 를 사용하면 요소 순서 변경하고 새로운 값을 생성합니다.

그리고 원본은 변경되지 않습니다.

 

Tip2

객체 정렬의 오름, 내림차순은 reverse() 를 통해선 하지 못합니다.

sort() 를 사용하세요.

Javascript :: sort(), 배열 정렬하기 (숫자, 문자, 객체, 오름차순, 내림차순)

Javascript :: sort(), 배열 정렬하기 (숫자, 문자, 객체, 오름차순, 내림차순)