JavaScript / Object / Array.reverse() / 원소의 순서를 반대로 만드는 메서드

2021-01-02

.reverse()

.reverse()는 배열의 원소의 순서를 반대로 만드는 메서드입니다. 순서가 바뀐 배열을 새로 만드는 것이 아니라, 기존 배열의 순서를 바꿉니다.

  • 예제

4개의 원소를 가진 배열을 만들고 출력합니다..

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>JavaScript</title>
		<style>
			body {
				font-family: Consolas, sans-serif;
			}
		</style>
  </head>
  <body>
		<script>
			var jbAry = [ 1, 2, 3, 4 ];
      for ( var i = 0; i < jbAry.length; i++ ) {
        document.write( '<p>jbAry[' + i + '] : ' + jbAry[i] + '</p>' );
      }
		</script>
  </body>
</html>

![javascript-arrary-reverse-01](/images/javascript/javascript-arrary-reverse-01.png)

.reverse() 메서드를 붙이면 원소의 순서가 반대로 바뀝니다.

<script>
	var jbAry = [ 1, 2, 3, 4 ];

	jbAry.reverse();
	
	for ( var i = 0; i < jbAry.length; i++ ) {
		document.write( '<p>jbAry[' + i + '] : ' + jbAry[i] + '</p>' );
	}
</script>

javascript-arrary-reverse-02

출처 : https://www.codingfactory.net/10885