[javascript] 배열 원소 뒤집기 reverse()

reverse() 함수

reverse() 함수는 배열의 순서를 거꾸로 만들어준다.

<script>
const arr = ['Apple', 'Banana', 'Orange'];

// 배열 뒤집기
const reverse = arr.reverse();

// arr : Orange,Banana,Apple
// reverse : Orange,Banana,Apple

</script>

이 함수는 이 함수를 호출한 배열을 거꾸로 뒤집고, 그 배열을 가리키는 참조값을 반환한다.
따라서, 이 함수를 실행시키면 원본 배열이 변형된다.

reverse 함수 원본 배열 유지

reverse() 함수를 사용하면 원본 배열이 변형된다.

원본 배열은 그대로 유지하고, 리턴되는 값만 변경하고 싶을 때는 원본 배열을 복사해서 사용해야 한다.

<script>
const arr = ['Apple', 'Banana', 'Orange'];

// 배열 뒤집기
const reverse = [...arr].reverse();

// arr : Apple,Banana,Orange
// reverse : Orange,Banana,Apple
</script>

스프레드 연산자를 이용하여 원본 배열의 복사본에 reverse를 했기 때문에 원본 배열은 변하지 않는다.