Array.reverse() - 배열 반전

이 글은 아홉번째 글입니다. 이 기사에서는 reverse 배열 방법에 대해 설명합니다.

리버스 방법이란 무엇입니까?

이름이 모든 것을 말해주는 것 같아요 😅. 배열의 reverse 메서드는 배열의 마지막 항목이 첫 번째 항목이 되고 첫 번째 항목이 마지막 항목이 되도록 배열을 뒤집습니다.

이 방법은 배열을 수정하므로 응용 프로그램에서 돌연변이 충돌을 피하기 위해 되돌리기 전에 복제하는 것이 좋습니다.

역 방법의 구문

array.reverse()

이 메서드는 배열을 변경하는 동안 반전된 배열도 반환합니다.

역방향 방법 없이

reverse 메서드는 배열을 한 쪽에서 다른 쪽으로 뒤집는 추상화된 함수입니다. 다음은 reverse 메서드를 모방한 예입니다.

const array = [1, 2, 3, 4, 5, 6, 7, 8]

const reversed = []

for (let i = array.length - 1; i > -1; i--) {
  const item = array[i]
  reversed.push(item)
}

console.log(reversed)
// [8, 7, 6, 5, 4, 3, 2, 1]

배열의 각 항목을 뒤에서 앞으로 반복합니다. 이 루프는 원래 배열을 변경하지 않지만 백그라운드에서 수행하는 작업reverse과 유사합니다.

역 방법으로

다음은 reverse로 이전 결과를 얻는 방법입니다.

const array = [1, 2, 3, 4, 5, 6, 7, 8]

const reversed = array.reverse()

console.log(reversed)
// [8, 7, 6, 5, 4, 3, 2, 1]

console.log(array)
// initial array is also modified
// [8, 7, 6, 5, 4, 3, 2, 1]

보시다시피 초기 배열도 수정됩니다. 따라서 돌연변이 충돌을 피하기 위해 다음과 같이 어레이를 복제할 수 있습니다.

const array = [1, 2, 3, 4, 5, 6, 7, 8]

const reversed = [...array].reverse()

console.log(reversed)
// [8, 7, 6, 5, 4, 3, 2, 1]

console.log(array)
// [1, 2, 3, 4, 5, 6, 7, 8]

이를 통해 초기 배열은 동일하게 유지되며 반전된 배열도 얻을 수 있습니다.